I have this error I don't know why?

import React, { useState } from “react”;
import { NavigationContainer } from “@react-navigation/native”;
import { AppLoading } from “expo”;

import navigationTheme from “./app/navigation/navigationTheme”;
import AppNavigator from “./app/navigation/AppNavigator”;
import OfflineNotice from “./app/components/OfflineNotice”;
import AuthNavigator from “./app/navigation/AuthNavigator”;
import AuthContext from “./app/auth/context”;
import authStorage from “./app/auth/storage”;

export default function App() {
const [user, setUser] = useState();
const [isReady, setIsReady] = useState(false);

const restoreUser = async () => {
const user = await authStorage.getUser();
if (user) setUser(user);

if (!isReady)
return (
<AppLoading startAsync={restoreUser} onFinish={() => setIsReady(true)} />

return (
<AuthContext.Provider value={{ user, setUser }}>

{user ? : }


Might be late but i came across the same error, but i fixed mine by using a different library for the apploading feature(that is using the import statement) For more information regarding the library

I am facing same issue

According to the error, the component isn’t being exported.

You need to do something like this:

export default YourComponentName