I have this error I don't know why?

React Native
1

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 ? : }

</AuthContext.Provider>
);
}

IMG_20221225_234930
IMG_20221225_2349301920×1080 280 KB

2

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

3

I am facing same issue

4

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

You need to do something like this:

export default YourComponentName