Nested route not displaying component

I’ve been trying to have a common IonToolbar for all of my nested routes, but any routes under the “/” route will just redirect to a blank page.

This is my App.tsx

const App: React.FC = () => (
        <Route exact path="/" component={Menu} />


const Menu: React.FC = () => {
  return (
      <IonMenu contentId="content-outlet" side="end">
          <IonButton routerLink="/list" />
            <img src={logo}></img>
          <IonButtons slot="end">
            <IonMenuButton />
      <IonRouterOutlet id="content-outlet">
        <Route path="/list" component={Listing} />


const List: React.FC = () => {

  return (
              {_.range(1, 15).map((num, i) => (
                  customKey={"list" + num}
                  length={num * 10}
                  title={"List#" + num}

Changing the “/list” path to just “/” causes both components to render as expected. The List component itself seems to load/render even when nothing is displayed, as I can see the log in the console.