Нарушение инварианта: недопустимый тип элемента

Question

Это ошибка, с которой я сталкиваюсь

Может кто-нибудь, пожалуйста, помогите мне решить ее. Я застрял здесь и не могу решить это мой код:

import React from 'react';
import 'react-native-gesture-handler';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import IndexScreen from './scr/screens/IndexScreen'
import {BlogProvider} from './scr/context/BlogContext';

const navigator = createStackNavigator(
  {
    Index: IndexScreen
   
  },
  {
    initialRouteName: 'Index',
    defaultNavigationOptions: {
      title: 'App'
    }
  }
);

const App =createAppContainer(navigator);
export default()=>{ 
  return(<BlogProvider>
 <App/></BlogProvider>)}

and BlogContext code 

import React from 'react';
import 'react-native-gesture-handler';
const BlogContext = React.createContext();
export const BlopProvider= ({Children})=>{
return <BlogContext.Provider>{Children}</BlogContext.Provider>

};

Цитата

Answer 1

Попробуйте удалить строку импорта,

import `react-native-gesture-handler`;