title: React Native InitialRouteName
body: <p>I'm using React Native v5.0 and trying to set a nested navigation for my app, however, the prop "initialRouteName" don't seem to work, even if i set it alone without any React Redux code or the nested function it still wont work, how is that prop supposed to work?</p>
  
  <pre><code>import { useSelector } from 'react-redux';
  
  import { NavigationContainer } from '@react-navigation/native';
  import { createStackNavigator } from '@react-navigation/stack';
  import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
  
  import SignIn from './pages/SigIn';
  import SignUp from './pages/SignUp';
  import Dashboard from './pages/Dashboard';
  
  const AppStack = createStackNavigator();
  const Tab = createBottomTabNavigator();
  
  function Home() {
    return (
      &lt;Tab.Navigator&gt;
        &lt;Tab.Screen name="Dashboard" component={Dashboard} /&gt;
      &lt;/Tab.Navigator&gt;
    );
  }
  
  export default function Routes() {
    const Signed = useSelector((state) =&gt; state.auth.signed);
  
    return (
      &lt;NavigationContainer&gt;
        &lt;AppStack.Navigator
          initial={Home}
          initialRouteName={Signed ? Home : SignIn}
          screenOptions={{ headerShown: false }}
        &gt;
          &lt;AppStack.Screen name="SignIn" component={SignIn} /&gt;
          &lt;AppStack.Screen name="SignUp" component={SignUp} /&gt;
          &lt;AppStack.Screen name="Home" component={Home} /&gt;
        &lt;/AppStack.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }```
  
  </code></pre>