Как использовать React Router с Material UI Drawer для изменения содержимого при клике?

Question

Я пытался использовать Component = {Link} to = {path}, но это только меняет URL. Контент отображается внутри main, и я использовал Routes внутри, вот так:

<main>
  <Switch>
    <Route path={..} component={..}>
    .
    .
    .
  </Switch>
</main

Но это не работает, контент не меняется

Ссылка на пример пользовательского интерфейса материала: https://codesandbox.io/s/v66pl

Answer 1

Добавлено в ваш образец по вашему запросу: BrowserRouter, Link

https://codesandbox.io/s/material-demo-605w9