キーワード†

• React Native
• React Navigation
• redux

現象†

React Nativeにて、React Navigationをネスト（TabとStack）した状態でreduxと統合しようとするとエラーになる。

undefined is not an object (evaluating 'state.routes[state.index]')

原因†

Navigationをネストしているのがよくないらしい。

対策†

initialStateの与えた方を次のように変更する。

const initialState = AppNavigator.router.getStateForAction(
  NavigationActions.reset({
    index: 0,
    actions: [
      NavigationActions.navigate({
        routeName: 'Home'
      })
    ]
  })
)

備考†

なし。

参考†

• undefined is not an object (evaluating 'state.routes[state.index]') · Issue #1357 · react-navigation/react-navigation