Routing example

Example.jsx

/*
* App.jsx main entry
*/
const SomethingElse = React.lazy(() => import('pages/SomethingElse'));
function App() {
  return (
    <BrowserRouter> 
      <Switch>
        <Route path="/" component={Home} />
        <Route path="/somethinElse" component={SomethingElse} />
      </Switch>
    </BrowserRouter>
  )
}

/*
* SomethingElse.jsx  More routes
*/
const List = React.lazy(() => import('pages/List'));
const Component = React.lazy(() => import('pages/Component'));
function SomethingElse() {
  const { path } = useRouteMatch();
  return (
    <Switch>
      <Route path={path} component={List} />
      <Route path={`${path}/:id`} component={Component} />
    </Switch>
  )
}