reactjs - 添加定时器功能后画布消失

Question

在此处输入图像描述尝试使用带有计时器的 react-three-fiber 开发游戏。我试图创建基于反应功能的计时器。问题是，在将计时器包装到场景（游戏）之后，它覆盖了游戏并且只出现了计时器。

return (
<Provider store={store}>
  <Router>
    <Fragment>
      <Route exact path="/" component={Landing} />
      <section className="container">
        <Alert />
        <Switch>
          <Route exact path="/register" component={Register} />
          <Route exact path="/login" component={Login} />
          <PrivateRoute exact path="/dashboard" component={Dashboard} />
          <PrivateRoute exact path="/instruction" component={Instruction} />
          <PrivateRoute exact path="/dashboard2" component={Dashboard2} />
          <PrivateRoute exact path="/profile" component={Profile} />
          <PrivateRoute exact path="/intro" component={Intro} />
          <Timer />
          <PrivateRoute exact path="/scene1" component={Scene1} />
          <PrivateRoute exact path="/scene2" component={Scene2} />
        </Switch>
      </section>
    </Fragment>
  </Router>
</Provider>
);