Маршруты, вызывающие неопределенное поведение в компоненте

Question

Я создаю приложение React с маршрутизацией, и в настоящий момент оно настроено как

    <Provider store={store}>
      <Router>
        <Switch>
          <Route exact path="/" component={TourneyOverview}> 
          </Route>
          <Route exact path='/game/:gameIndex' component={GameScore}> </Route>
        </Switch>
      </Router>
    </Provider>

, если я перехожу к '/ game /: gameIndex', компонент GameScore загружается правильно, но когда я перехожу к '/«Я получаю неопределенную ошибку в компоненте GameScore.Я не уверен, что является причиной ошибки, нужно ли что-то сделать, чтобы компонент был готов, даже если он не включен в текущий маршрут.

Редактировать:

function mapStateToProps(state) {
  return {
    games: state.games
  }
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators(changeGameScore, dispatch);
}

const GameScore = connect(mapStateToProps, mapDispatchToProps)(Game);

export default GameScore;

const Game = ({games}) => {
  return (
    <div className="GameContainer">
      <div className="TeamContainer">
        {games.round1[0].team1Name}
        <div>
          {games.round1[0].team1Score}
        </div>
      </div>
      <div className="TeamContainer">
        {games.round1[0].team2Name}
        <div>
          {games.round1[0].team2Score}
        </div>
      </div>
    </div>
  );
}

export default Game;

Игровой редуктор:

function games(state = [], action) {
  return state;
}

export default games;

Корневой редуктор

const rootReducer = combineReducers({teams,
  games});


export default rootReducer;