отреагируйте роутер, правильно вложив маршруты

Question

Я пытаюсь использовать react-spring для анимации набора связанных маршрутов.

У меня есть маршрут /games/new, из которого пользователь может выбрать однопользовательскую или многопользовательскую игру для создания.У них есть свои собственные маршруты, потому что я сохраняю процесс создания на тот случай, если они покинут страницу.

К сожалению, я не могу понять, как мне совместить все маршруты.

/games/:id маршрут не отображается.Не работает компонент NotFound.

Что я здесь не так делаю?

 <Router>
        <Header />
        <Switch>
          <Route exact path="/" component={Home} />
          <Route exact path="/explore" component={Explore} />
          <Route exact path="/results" component={Results} />
          <Route
            render={({ location, ...rest }) => (
              <Transition
                native
                items={location}
                keys={location.pathname.split('/')[1]}
                from={{ opacity: 0 }}
                enter={{ opacity: 1 }}
                leave={{ opacity: 0 }}
              >
                {(loc, state) => style => {
                  return (
                    <Switch location={state === 'update' ? location : loc}>
                      <Route
                        exact
                        path="/games/new"
                        render={props => (
                          <GamesCreate {...{ ...props, style }} />
                        )}
                      />
                      <Route
                        exact
                        path="/games/new/singleplayer"
                        render={props => (
                          <GamesCreateSinglePlayer {...{ ...props, style }} />
                        )}
                      />
                      <Route
                        exact
                        path="/games/new/multiplayer"
                        render={props => (
                          <GamesCreateMultiplayer
                            {...{ ...props, style }}
                          />
                        )}
                      />
                    </Switch>
                  );
                }}
              </Transition>
            )}
          />
          <Route exact path="/games/:id" component={GamesShow} />
          <Route component={NotFound} />
        </Switch>
      </Router>