asb_cloud_front/src/pages/Main.jsx

import Deposit from './Deposit'
import Cluster from './Cluster'
import Well from "./Well";
import LayoutPortal from '../components/LayoutPortal'
import {Redirect, Route, Switch} from "react-router-dom";

export default function Main() {

  return (    
      <Switch>
        <Route path="/well/:id/">
          <LayoutPortal>
            <Well/>
          </LayoutPortal>
        </Route>
        <Route path="/deposit">
          <LayoutPortal>
            <Deposit/>
          </LayoutPortal>
        </Route>
        <Route path="/cluster/:id/">
          <LayoutPortal>
            <Cluster/>
          </LayoutPortal>
        </Route>
        <Route path="/">
          <Redirect to={{pathname: `/deposit`}}/>
        </Route>
      </Switch>
  )
}