speed-flowchart-web/src/utils/Routing.tsx

import { Routes, Route, HashRouter } from 'react-router-dom';
import CalendarPage from '../pages/CalendarPage';
import SpeedFlowchartPage from '../pages/SpeedFlowchartPage';
import PageTemplate from './PageTemplate';

/**
 *
 * @return {JSX.Element}
 */
export default function Routing() {
  return (
    <HashRouter>
      <PageTemplate>
        <Routes>
          <Route path='/' element={<CalendarPage />} />
          <Route
            path='/speed-flowchart/:competitionId/:categoryId'
            element={<SpeedFlowchartPage />}
          ></Route>
        </Routes>
      </PageTemplate>
    </HashRouter>
  );
}