Rota aninhada do roteador 4 não está processando

Estou tentando fazer o roteamento aninhado em um dos meus componentes.

Aqui está o componente pai:

const App = () => (
  <BrowserRouter>
    <Provider store={store}>
      <Switch>
        <Route exact path="/" component={Landing} />
        <Route path="/contribute" component={Contribute} />
      </Switch>
    </Provider>
  </BrowserRouter>
);

E aqui está o componente filho:

const Landing = () => (
  <div>
    <SearchBar />
    <section className="results-sctn">
      <Route exact path="/" component={ArtistList} />
      <Route path="/test" component={Test} />
    </section>
  </div>
);

ArtistList torna bem no/ rota, mas/test renderiza uma página totalmente em branco. Alguma idéia de por que isso pode ser?