title: Is there a way to force update an imported component in React Native?
body: <p>Here in App.js I want to update the SideBar I have in the Drawer once I open it:</p>
  
  <pre><code>    import SideBar from './Screens/SideBar';
  
      const AppDrawerNavigator = DrawerNavigator({
    TabNav: {screen: TabNav},
    LoginScreen: {screen: LoginScreen},
    RegisterScreen: {screen: RegisterScreen},
  },
  {
      initialRouteName: "TabNav",
      contentOptions: {
        activeTintColor: "#e91e63"
      },
      contentComponent: props =&gt; &lt;SideBar {...props} /&gt;
    },
  
  );
  
  const defaultGetStateForAction = AppDrawerNavigator.router.getStateForAction;
  
  AppDrawerNavigator.router.getStateForAction = (action, state) =&gt; {
  
      if(state &amp;&amp; action.type === 'Navigation/NAVIGATE' &amp;&amp; action.routeName === 'DrawerOpen') {
          SideBar.forceUpdate(); &lt;--- Does not work
      }
  
  
      return defaultGetStateForAction(action, state);
  };
  </code></pre>
  
  <p>For some context, once I log in, the contents of SideBar.js does not update once the state has changed. But once I close out the app and reopen it, I can see the updated SideBar with the username, etc. I'm using AsyncStorage. So I was wondering if I could force it to update?</p>
  
  <p>I heard that react-redux can fix this issue, but I have no idea how to incorporate that in my code.</p>