title: React-navigation v5 (evaluating 'this._callListeners.bind') when this.props.navigation.navigate
body: <p>I am currently working with the React navigation v5.
  But i cannot achieve a simple navigation by this error:</p>
  
  <blockquote>
    <p>TypeError: undefined is not an object (evaluating
    'this._callListeners.bind')</p>
  </blockquote>
  
  <p>This is the sample work from this repo,
  <a href="https://github.com/SinghDigamber/reactNativeNavigation" rel="nofollow noreferrer">https://github.com/SinghDigamber/reactNativeNavigation</a></p>
  
  <p>This error is located at:</p>
  
  <pre><code>in Card (at CardContainer.tsx:154)
  in CardContainer (at CardStack.tsx:518)
  in RCTView (at CardStack.tsx:109)
  in MaybeScreen (at CardStack.tsx:511)
  in RCTView (at CardStack.tsx:92)
  in MaybeScreenContainer (at CardStack.tsx:410)
  in CardStack (at StackView.tsx:384)
  in KeyboardManager (at StackView.tsx:382)
  in RNCSafeAreaView (at src/index.tsx:28)
  in SafeAreaProvider (at SafeAreaProviderCompat.tsx:42)
  in SafeAreaProviderCompat (at StackView.tsx:379)
  in RCTView (at StackView.tsx:378)
  in StackView (at createStackNavigator.tsx:67)
  in StackNavigator (at App.js:15)
  in NavStack (at App.js:50)
  in EnsureSingleNavigator (at BaseNavigationContainer.tsx:267)
  in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:39)
  in ThemeProvider (at NavigationContainer.tsx:38)
  in ForwardRef(NavigationContainer) (at App.js:49)
  in App (at renderApplication.js:40)
  in RCTView (at AppContainer.js:101)
  in RCTView (at AppContainer.js:119)
  in AppContainer (at renderApplication.js:39)
  </code></pre>
  
  <p>Here is the code:</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>// App.js
  
  import React from 'react';
  import { NavigationContainer } from '@react-navigation/native';
  import { createStackNavigator } from '@react-navigation/stack';
  
  import Home from './screens/Home';
  import Blog from './screens/Blog';
  import BlogDetails from './screens/BlogDetails';
  
  const Stack = createStackNavigator();
  
  function NavStack() {
    return (
       &lt;Stack.Navigator
          initialRouteName="Home"
          screenOptions={{
            headerTitleAlign: 'center',
            headerStyle: {
              backgroundColor: '#621FF7',
            },
            headerTintColor: '#fff',
            headerTitleStyle :{
              fontWeight: 'bold',
            },
          }}
        &gt;
        &lt;Stack.Screen 
          name="Home" 
          component={Home} 
          options={{ title: 'Home' }}
        /&gt;
        &lt;Stack.Screen 
          name="Blog" 
          component={Blog} 
          options={{ title: 'Blog' }}
        /&gt;
        &lt;Stack.Screen 
         name="BlogDetails" 
         component={BlogDetails} 
         options={{ title: 'Blog Detail' }}
        /&gt;
      &lt;/Stack.Navigator&gt;
    );
  }
  
  export default function App() {
    return (
      &lt;NavigationContainer&gt;
        &lt;NavStack /&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  
  console.disableYellowBox = true;
  </code></pre>
  
  <p><strong>Home.js</strong></p>
  
  <pre><code>// screens/Home.js
  
  import React, { Component } from 'react';
  import { Button, View, Text } from 'react-native';
  
  class Home extends Component {
    render() {
      return (
        &lt;View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}&gt;
          &lt;Text&gt;Home Screen&lt;/Text&gt;
          &lt;Button
            title="Go to Blog"
            onPress={() =&gt; this.props.navigation.navigate('Blog')}
          /&gt;
          &lt;Button
            title="Go to Blog Details"
            onPress={() =&gt; this.props.navigation.navigate('BlogDetails')}
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  
  export default Home;
  </code></pre>
  
  <p>But the error occur when the button <code>onPress</code>.
  I cannot find any solutions about this, maybe v5 is quite new.</p>