title: initialRouteName of react-navigation does not work as expected
body: <p>I am using react-navigation v5, I have the following code to open the screen based on if user is logged in or not.</p>
  <pre><code>&lt;Stack.Navigator
          
          initialRouteName={phone?.length&gt;0 ? data?.accountType === 1 ? &quot;Seller&quot; : data?.accountType === 0 ?  &quot;Buyer&quot; : &quot;SignIn&quot;: &quot;SignIn&quot;}
          headerMode=&quot;screen&quot;
          screenOptions={{
            headerShown: false,
          }}&gt;
  ..........
   &lt;/Stack.Navigator&gt;
  </code></pre>
  <p>And the phone data and data?.accountType is coming from AsyncStorage inside my <strong>componentDidMount()</strong> . This is done to open Seller/Buyer page when he is already logged in or SignIn page when he is not logged in. But it always takes me to SignIn page. Is it that before the <strong>componentDidMount()</strong> gets me the data from AsyncStorage, initialRouteName is already run and thus both phone and data?.accountType are null?</p>