到达路由器页面两次渲染（使用ApolloProvider）

Question

我遇到一个奇怪的问题，即组件渲染两次。我认为这与我reach/router的设置方式有关。

这是一个简化的设置。.

当我导航到/ login时，该页面将组件渲染两次

const App = () => {
  return (
    <ApolloProvider client={client}>
      <Router className="fixed absolute--fill flex flex-column">
        {/* Auth */}
        <Login path="/login" />
        <Register path="/register" />
      </Router>

      <PleaseSignIn>
        <Router className="fixed absolute--fill flex flex-column">
          {/* Notes */}
          <Note path="/notebook/note/:noteId" />
          <NoteNew path="/notebook/note/new" />
          <NoteEdit path="/notebook/note/:noteId/edit" />
        </Router>
      </PleaseSignIn>
    </ApolloProvider>
  );
};