rename STARSHIPS_STACK

Author: flexbox

challenges/react-navigation/03.md

@@ -9,17 +9,23 @@
 
 - [ ] Add an authentication flow to your application.
 
-The App function should return the `NavigationContainer` component, and the `isSignedIn` state variable should determine which navigator is rendered, either the RootNavigator or the AuthNavigator.
+The App function should return the `NavigationContainer` component, and the `user` state variable should determine which navigator is rendered, either the `StarshipsNavigator` or the `AuthNavigator`.
 
 Example:
 
 ```javascript
 function App() {
-  const [isSignedIn, setIsSignedIn] = useState(false);
+  const [user, setUser] = useState(false);
 
   return (
     <NavigationContainer>
-      {isSignedIn ? <RootNavigator /> : <AuthNavigator />}
+      <Stack.Navigator screenOptions={{ headerShown: false }}>
+        {user ? (
+          <Stack.Screen name={"STARSHIPS_STACK"} component={StarshipsNavigator} />
+        ) : (
+          <Stack.Screen name={"AUTH_STACK"} component={AuthNavigator} />
+        )}
+      </Stack.Navigator>
     </NavigationContainer>
   );
 }
@@ -30,7 +36,7 @@ The button to sign in should be in the AuthScreen component, and the button to s
 It should look like this:
 
 ```javascript
-<Button title="Sign in" onPress={() => setIsSignedIn(!isSignedIn)} />
+<Button title="Sign in" onPress={() => setUser(!user)} />
 ```
 
 You can read the documentation [https://reactnavigation.org/docs/auth-flow](https://reactnavigation.org/docs/auth-flow).