Estou tentando agrupar algumas das minhas rotas com o React Router v4 para limpar alguns dos meus componentes. Por enquanto, eu só quero que minhas rotas não conectadas sejam agrupadas e minhas rotas administrativas agrupadas, mas as seguintes não funcionam.

main.js

const Main = () => {
  return (
    <main>
      <Switch>
        <Route exact path='/' component={Public} />
        <Route path='/admin' component={Admin} />
      </Switch>
    </main>
  );
};

export default Main;

public.js

const Public = () => {
  return (
    <Switch>
      <Route exact path='/' component={Greeting} />
      <Route path='/signup' component={SignupPage} />
      <Route path='/login' component={LoginPage} />
    </Switch>
  );
};

export default Public;

O componente Saudação é exibido em "localhost: 3000 /", mas o componente SignupPage não é exibido em "localhost: 3000 / inscrição" e o componente Login não é exibido em "localhost: 3000 / inscrição". Observando as ferramentas de desenvolvimento do React, essas duas rotas retornam nulo.