Реагировать на вложенные маршруты, работающие только по ссылкам

Question

Я использую react-router-dom и create-react-app, и у меня есть 2-х шаговая маршрутизация в index.js и App.js, и она работает нормально, за исключением случаев, когда я обновляю sh страницу или вводлю ссылку вручную, затем она перенаправляет на маршрут / root, который я не хочу. Практически это работает только когда я нажимаю ссылки на странице. Как решить эту проблему?

index. js

ReactDOM.render(
  <Provider store={store}>
    <Router>
      <Switch>
        <Route path="/" component={App} />
      </Switch>
    </Router>
  </Provider>,
  document.getElementById('root'),
);

Приложение. js

const App = ({ logInUserWithOauth, auth, loadMe }) => {

  //...

  return (
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/login" component={Login} />
      <Route path="/register" component={Register} />
      <Route path="/profile" component={Profile} />
      <Route path="/feature" component={Feature} />
    </Switch>
  );
};

Answer 1

Я защищал маршруты с HO C и забыл об этом.