Холст исчез после добавления функции таймера

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>
);