title: react-native-chart-kit not working with navigation react native - expo
body: <p>i have statistics component in my app that uses this library :</p>
  <pre><code>import {
      LineChart,
      BarChart,
      PieChart,
      ProgressChart,
      ContributionGraph,
      StackedBarChart
  } from &quot;react-native-chart-kit&quot;;
  </code></pre>
  <p>this page works correctly when i make it the first page loaded when the app is launched :</p>
  <pre><code>import { createAppContainer } from &quot;react-navigation&quot;;
  import { createStackNavigator } from &quot;react-navigation-stack&quot;;
  import MainMenu from &quot;../modules/MainMenu/MainMenu-screen&quot;;
  import Login from &quot;../modules/Login/Login-screen&quot;;
  import StatistiqueGlobale from &quot;../modules/statGlobale/Statistique-screen&quot;
  const LoginStackNavigator = createStackNavigator({
    StatistiqueGlobale: {
      screen: StatistiqueGlobale,
      navigationOptions: {
        title: &quot;StatistiqueGlobale&quot;,
        headerShown: false,
      },
    },
    Login: {
      screen: Login,
      navigationOptions: { headerShown: false },
    },
  
    MainMenu: {
      screen: MainMenu,
      navigationOptions: {
        title: &quot;MainMenu&quot;,
        headerShown: false,
      },
    },
  </code></pre>
  <p>but i need the app to start with the login page and then to navigate to statistics page from the main menu :
  so navigation should be like this :</p>
  <pre><code>import { createAppContainer } from &quot;react-navigation&quot;;
  import { createStackNavigator } from &quot;react-navigation-stack&quot;;
  import MainMenu from &quot;../modules/MainMenu/MainMenu-screen&quot;;
  import Login from &quot;../modules/Login/Login-screen&quot;;
  import StatistiqueGlobale from &quot;../modules/statGlobale/Statistique-screen&quot;
  const LoginStackNavigator = createStackNavigator({
    StatistiqueGlobale: {
      screen: StatistiqueGlobale,
      navigationOptions: {
        title: &quot;StatistiqueGlobale&quot;,
        headerShown: false,
      },
    },
    Login: {
      screen: Login,
      navigationOptions: { headerShown: false },
    },
  
    MainMenu: {
      screen: MainMenu,
      navigationOptions: {
        title: &quot;MainMenu&quot;,
        headerShown: false,
      },
    },
  </code></pre>
  <p>and i use this function in the main menu to navigate to any page by passing it's name in the parameters</p>
  <pre><code>  navig = (page) =&gt; {
  
      this.props.navigation.navigate(page);
  
    };
  </code></pre>
  <p>and then these two errors appears everytime i try to navigate :
  <a href="https://i.stack.imgur.com/3xtre.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p><a href="https://i.stack.imgur.com/EGfQU.png" rel="nofollow noreferrer">enter image description here</a></p>