title: React Native Navigation props undefined on pushed screen
body: <p>I'm new to react native and I followed the Authentication flows tutorial from react native. Now I'm using typescript and I think that has something to do with it. Because when I just copy the javascript example it works.</p>
  
  <pre><code>export default class SignInScreen extends Component&lt;NavigationScreenProps&gt; {
  
      constructor(props: NavigationScreenProps) {
          super(props);
      }
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;Text&gt;Sign in&lt;/Text&gt;
                  &lt;Button title="Sign in!" onPress={this.signIn}/&gt;
              &lt;/View&gt;
          );
      }
  
      private async signIn() {
          //await AsyncStorage.setItem('userToken', 'abc');
          console.log("PROPS", this.props);
          this.props.navigation.navigate('App');
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: '#F5FCFF',
      }
  });
  </code></pre>
  
  <p>AuthLoadingScreen</p>
  
  <pre><code>export default class AuthLoadingScreen extends Component&lt;NavigationScreenProps&gt; {
  
      constructor(props: NavigationScreenProps) {
          super(props);
          this.bootstrap();
      }
  
      private async bootstrap() {
          console.log("AUTH props", this.props);
          try {
          const userToken = await AsyncStorage.getItem('userToken');
          this.props.navigation.navigate(userToken ? 'App' : 'Auth');
          } catch (err) {
              console.log('Error', err.message);
          }
      }
  
      render() {
          return (
              &lt;View&gt;
                  &lt;ActivityIndicator /&gt;
                  &lt;StatusBar barStyle="default" /&gt;
              &lt;/View&gt;
          );
      }
  }
  </code></pre>
  
  <p>App.tsx</p>
  
  <pre><code>const AppStack = createBottomTabNavigator({
    Home: HomeScreen,
    Settings: SettingsScreen,
  });
  const AuthStack = createStackNavigator({ SignIn: SignInScreen });
  
  export default createAppContainer(createSwitchNavigator(
    {
      AuthLoading: AuthLoadingScreen,
      App: AppStack,
      Auth: AuthStack,
    },
    {
      initialRouteName: 'AuthLoading',
    }
  ));
  </code></pre>
  
  <p>Now on the AuthLoadingScreen the props are not undefined and I push to the SignInScreen but when I click on the button the props are undefined. I have no idea why because all the examples I find are doing it this way? </p>