Error: Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.

[mybetterlifestory]

While i followed the project in lesson 20, i got this error..
Invariant Violation: requireNativeComponent: "RNGestureHandlerRootView" was not found in the UIManager.

All of my file is the same, what did i do wrong?

My App.js file:

import { useState } from 'react';
import * as Font from 'expo-font';
import AppLoading from 'expo-app-loading';
import Navigator from './routes/homeStack';

const getFonts = () => Font.loadAsync({
  'eduSABeginner-regular': require('./assets/fonts/EduSABeginner-Regular.ttf'),
  'eduSABeginner-bold': require('./assets/fonts/EduSABeginner-Bold.ttf')
});

export default function App() {
  const [fontsLoaded, setFontsLoaded] = useState(false);

  if (fontsLoaded) {
    return (
      <Navigator />
    );
  } else {
    return (
      <AppLoading 
      startAsync = {getFonts} 
      onFinish = {() => setFontsLoaded(true)} 
      onError={() => console.log('error')} />
    )
  }
}

My homeStack.js file:

import { createStackNavigator } from "react-navigation-stack";
import {createAppContainer} from "react-navigation";
import HomePage from '../screens/HomePage';
import ReviewDetails from "../screens/ReviewDetails";

const screens = {
    HomePage: {
        screen: HomePage,
    },
    ReviewDetails: {
        screen: ReviewDetails,
    }
};

const HomeStack = createStackNavigator(screens);
export default createAppContainer(HomeStack);

[mybetterlifestory]

I think i pass this error,
if someone getting that error, contact me!