Как организовать роутинг в React приложении?

import * as React from 'react';
import { useSelector } from 'react-redux';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import { AppState, IsLoadingState } from './types/state';
import { NotFoundPage } from './projects/not-found/NotFoundPage';

import { HomePage } from './projects/intro/HomePage';
import { Sample } from './projects/sample/Sample';
import { SecondSample} from './projects/secondSample/SecondSample';
import { SampleTwo  } from './projects/sampleTwo/SampleTwo ';

interface Props {

}

export const App = (props: Props): React.ReactElement => {

  return (
    <>
      <Router>
        <div>

          <main className="content-box">
            <Switch>

              <Route exact path="/">
                <HomePage />
              </Route>

              <Route exact path="/sample">
                <Sample />
              </Route>

              <Route exact path="/sample/second-page">
                <SampleSecond />
              </Route>

              <Route exact path="/sample-two">
                <SampleTwo />
              </Route>

            </Switch>
          </main>
        </div>
      </Router>

    </>
  );
};