TypeError: невозможно прочитать свойство «Поставщик» неопределенного React Native Context

Я получаю сообщение об ошибке TypeError: Cannot read property 'Provider' of undefinedв App.js. В линии <AuthContext.Provider value={{ authorized, setAuthorized }}>.

App.js
....
import React, { useState } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import MyDrawer from './components/Drawer';
import AuthStack from './components/AuthStack';
import AuthContext from './components/authContext.js';
export default function App() {
 const [authorized, setAuthorized] = useState(false)
 return authorized? (
 <NavigationContainer>
 <MyDrawer />
 </NavigationContainer>
 ): (
 <AuthContext.Provider value={{ authorized, setAuthorized }}>
 <NavigationContainer>
 <AuthStack />
 </NavigationContainer>
 </AuthContext.Provider>
 );
}

Вот мой контекст:

authContext.js
....
import React from "react";
export const AuthContext = React.createContext({
 authorized: false,
 setAuthorized: () => {},
});

Есть идеи по проблеме?

Решение проблемы

Кажется, вам просто нужно импортировать с помощью {}:

import { AuthContext } from './components/authContext.js';

Поскольку вы не экспортировали по умолчанию свой AuthContext. Подробнее здесь