Задача, создать роутинг с одинаковой (
baseURL) частью, в моем случае это
ROUTES.TABLE.
Зачем? - в
ProjectProvider осуществляется получение стартовых данных, необходимых для работы приложения.
Немного обескураживает то, что приходится в двух местах указывать
path={ROUTES.TABLE}.
<BrowserRouter>
<Router history={history}>
<Route path={ROUTES.TABLE}>
<ProjectProvider>
<Switch>
<Route exact path={ROUTES.TABLE} component={TablePage} />
<Route exact path={ROUTES.MENU} component={MenuPage} />
<Route exact path={ROUTES.CART} component={CartPage} />
{onlinePayment && <Route exact path={ROUTES.ORDER} component={OrderPage} />}
<Route component={NotFoundPage} />
</Switch>
</ProjectProvider>
</Route>
</Router>
</BrowserRouter>