React Native - Navigation prop is missing

import React, {Fragment} from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
} from 'react-native';

 
import { createSwitchNavigator, createStackNavigator }  from 'react-navigation';
import Login from "./src/screens/Login";
 import Signup from "./src/screens/Signup";


const MySwitchNavigator = createSwitchNavigator(
  {
  Signin: Login,
  Register: Signup
   },
  {
    initialRouteName: 'Signin',
  }
);  
const App = () => {
  return (
    <MySwitchNavigator />
  );
};
 
export default App;

Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. 

This error is located at:
    in Navigator (at App.js:36)
    in App (at renderApplication.js:40)
    in RCTView (at View.js:35)
    in View (at AppContainer.js:98)
    in RCTView (at View.js:35)
    in View (at AppContainer.js:115)
    in AppContainer (at renderApplication.js:39)

 npm run start -- -- reset-cache