title: Couldn't find a 'component' or 'children' prop for the screen 'Home'. This can happen if you passed 'undefined'. Error with react-navigate v5?
body: <p>I'm trying to use react-navigate v5 to setup a stacknavigator for four screens. Currently I'm getting this error while trying to run the app: 
  <a href="https://i.stack.imgur.com/9sY9J.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9sY9J.png" alt="enter image description here"></a> </p>
  
  <p>My App.js:</p>
  
  <pre><code>import React from 'react';
  import SafeAreaView from 'react-native-safe-area-view';
  import MainStackNavigator from './navigation/Navigator';
  import {LocalizationProvider} from './utils/localization/LocalizationContext';
  import { NavigationContainer } from '@react-navigation/native';
  
  const App: () =&gt; React$Node = () =&gt; {
      return (
      &lt;NavigationContainer&gt;
        &lt;LocalizationProvider&gt;
          &lt;MainStackNavigator /&gt;
        &lt;/LocalizationProvider&gt;
      &lt;/NavigationContainer&gt;
      );
  };
  
  export default App;
  </code></pre>
  
  <p>My Navigator.js:</p>
  
  <pre><code>import React from 'react';
  import {NavigationContainer} from '@react-navigation/native';
  import {createStackNavigator} from '@react-navigation/stack';
  import {Map} from '../components/Map';
  import {HomeScreen} from '../components/HomeScreen';
  import {LanguageSettings} from '../components/LanguageSettings';
  import {MarkerDetails} from '../components/MarkerDetails';
  // import screens
  
  const Stack = createStackNavigator();
  
  function MainStackNavigator() {
      return (
      &lt;Stack.Navigator
        initialRouteName='Home'&gt;
        &lt;Stack.Screen
          name='Home'
          component={HomeScreen}
          /&gt;
        &lt;Stack.Screen
          name='LanguageSettings'
          component={LanguageSettings}
          /&gt;
        &lt;Stack.Screen
          name='MainMap'
          component={Map}
          /&gt;
        &lt;Stack.Screen
          name='MarkerDetails'
          component={MarkerDetails}
          /&gt;
      &lt;/Stack.Navigator&gt; 
      );
  }
  
  export default MainStackNavigator;
  
  </code></pre>
  
  <p>And the home screen itself that's generating the error (the other screens do too): </p>
  
  <pre><code>import React, {useContext} from 'react';
  import {
      View,
      Image,
      StyleSheet,
      Dimensions,
      ImageBackground,
      Layout,
      Text,
      Modal,
      Button
  } from 'react-native';
  
  const { width, height } = Dimensions.get('window');
  const frameWidth = width;
  const columnWidth = frameWidth / 3;
  
  class HomeScreen extends React.Component {
      static navigationOptions = {};
      constructor(props) {
      super(props);
  
      this.state = {
          firstLaunch: null,
          condUpdate: null
      };
      }
  ///....///
      render() {
      return(
          &lt;View
            style={{
            flex: 1,
            alignItems: 'center',
            justifyContent: 'center',
            margin: 20,
            }}&gt;
          &lt;/View&gt;
      );
      }
  }
  
  export default HomeScreen;
  </code></pre>
  
  <p>Not sure what's going on, would appreciate some help. Thanks!</p>