title: Error: Couldn't register the navigator. Have you wrapped your app with 'NavigationContainer'?
body: <p>I am learning to code with this video <a href="https://youtu.be/1hPgQWbWmEk" rel="noreferrer">https://youtu.be/1hPgQWbWmEk</a> , I did exactly what the guy did, but when I run <strong>expo start</strong> and then go to <strong>run in web browser</strong> what appears is this error:</p>
  <blockquote>
  <p>Couldn't register the navigator. Have you wrapped your app with
  'NavigationContainer'?</p>
  </blockquote>
  <p>Here's my code until now</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { StatusBar } from 'expo-status-bar';
  import * as React from 'react';
  import { StyleSheet, Text, View } from 'react-native';
  
  import {navigationContainer} from '@react-navigation/native';
  import {createStackNavigator} from '@react-navigation/stack';
  import { createMaterialTopTabNavigator } from 'react-navigation-tabs'
  
  import LandingScreen from './Components/auth/landing';
  
  const Stack = createStackNavigator();
  
  export default function App() {
    return (
      &lt;navigationContainer&gt;
        &lt;Stack.Navigator initialRouteName="Landing"&gt;
          &lt;Stack.Screen name="Landing" component={LandingScreen} options={{headerShown: false}}/&gt;
        &lt;/Stack.Navigator&gt;
      &lt;/navigationContainer&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
  });</code></pre>
  </div>
  </div>
  </p>
  <p>I know that if I erase this part the code doesn't show any errors</p>
  <pre><code>&lt;Stack.Navigator initialRouteName=&quot;Landing&quot;&gt;
      &lt;Stack.Screen name=&quot;Landing&quot; component={LandingScreen} options={{headerShown: false}}/&gt;
  &lt;/Stack.Navigator&gt;
  </code></pre>
  <p>By the way, the code referred to in ./Components/auth/landing is this:</p>
  <pre><code>import React from 'react';
  import { Text, View, Button} from 'react-native';
  
  
  export default function Landing({navigation}) {
      return (
          &lt;View style={{ flex: 1, justifyContent: 'center'}}&gt;
              &lt;Button 
              title=&quot;Register&quot;
              onPress={() =&gt; navigator.navigate(&quot;Register&quot;)}/&gt;
              &lt;Button 
              title=&quot;Login&quot;
              onPress={() =&gt; navigator.navigate(&quot;Login&quot;)}/&gt;
              
          &lt;/View&gt;
      )
  }
  
  </code></pre>