I am receiving the error: Warning: Functions are not valid as a React child.
I am writing a React Native application with Expo.
App.js
import React from "react";
import { NavigationContainer, DarkTheme } from "@react-navigation/native";
import { Text, View, SafeAreaView, StatusBar } from "react-native";
import firebase from "./config/firebase";
import BottomNav from "./routing/BottomNav";
import HomeStack from "./routing/HomeStack";
import AuthState from "./context/auth/authState";
const App = () => {
const check = firebase.auth().onAuthStateChanged((usr) => {
if (usr) return <BottomNav />;
else return <HomeStack />;
});
return (
<AuthState>
<NavigationContainer theme={DarkTheme}>
<StatusBar barStyle="light-content" />
{check}
</NavigationContainer>
</AuthState>
);
};
export default App;