title: React native navigation showing both stacks while condition is used
body: <p>I have two stack navigators for my app. Only one should show up, based of the <strong>isLoggedIn</strong> condition. However, both show when <strong>isLoggedIn = true</strong>. But when I set the condition to <strong>false</strong>, it only shows app. I simply dont get it.</p>
  
  <pre><code>export default function App() {
   const isLoggedIn = true;
   return (
    &lt;NavigationContainer&gt;
        &lt;Stack.Navigator&gt;
            {isLoggedIn === true ? (
            &lt;Stack.Screen name="Auth" component={AuthStackNavigator} /&gt;
            ) : (
            &lt;Stack.Screen name="App" component={AppBottomTabNavigator} /&gt;
            )}
        &lt;/Stack.Navigator&gt;
    &lt;/NavigationContainer&gt;
  );
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4BO8M.png" rel="nofollow noreferrer">When isLoggedIn is set to true</a></p>
  
  <p><a href="https://i.stack.imgur.com/JMca1.png" rel="nofollow noreferrer">When isLoggedIn is set to false</a></p>