title: undefined is not an object (evaluating 'component.router.getStateForAction')
body: <p>I'm seeing the following error when I load my react native app on my simulators. It appears to be related to my usage of react-navigation. But in googling the error, I'm unable to find what I'm missing.</p>
  
  <p><a href="https://i.stack.imgur.com/HWEar.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HWEar.png" alt="error"></a></p>
  
  <p>It is calling out the "wrappedComponent" in this code snippet.</p>
  
  <pre><code>function WithAuth(WrappedComponent) {
    return class extends React.Component {
      constructor(props) {
        super(props);
  
        this.state = {
          ready: false,
          session: null,
        };
  
        this.handleOnSignIn = this.handleOnSignIn.bind(this);
        this.handleOnSignUp = this.handleOnSignUp.bind(this);
        this.handleOnSignOut = this.handleOnSignOut.bind(this);
      }
  
      async componentDidMount() {
        await LocalStorage.init();
        let session;
        try {
          session = await Auth.currentSession();
        } catch (err) {
          console.log(err);
          session = null;
        }
        this.setState({
          session,
          ready: true,
        });
      }
  
      handleOnSignIn(session) {
        this.setState({ session });
      }
  
      handleOnSignUp() { }
  
      handleOnSignOut() {
        Auth.signOut();
        this.setState({ session: null });
      }
  
      render() {
        const { ready, session } = this.state;
        console.log('Rendering HOC', ready, !!session);
        const {
          onSignIn,
          onSignUp,
          doSignOut,
          ...otherProps
        } = this.props;
  
        return (
          ready &amp;&amp; (
            &lt;WrappedComponent
              session={session}
              onSignIn={onSignIn || this.handleOnSignIn}
              onSignUp={onSignUp || this.handleOnSignUp}
              doSignOut={doSignOut || this.handleOnSignOut}
              auth={Auth}
              {...otherProps}
            /&gt;
          )
        );
      }
    }
  }
  
  export default WithAuth;
  </code></pre>
  
  <p>which is utilizing the following app.js code: </p>
  
  <pre><code>Amplify.configure(awsmobile);
  
  const App = createDrawerNavigator({
    FirstScreen: {
      screen: props =&gt; &lt;First rootNavigator={props.navigation} screenProps={{ ...props.screenProps }} /&gt;,
      navigationOptions: {
        drawerLabel: ' ',
      },
    },
  }, { initialRouteName: 'FirstScreen' });
  
  
  const AppContainer = createAppContainer(props =&gt; &lt;App screenProps={{ ...props }} /&gt;);
  
  export default WithAuth(AppContainer);
  </code></pre>
  
  <p>(the export is what calls the WithAuth.)</p>
  
  <p>This some of this code was pulled from an app using react-navigation 2.0 and I've updated to 3.0 and am thinking I'm missing something that is now required, however, I can't find it. </p>
  
  <p>Any help is appreciated!</p>