auth context hooks

app.js

import React, {Suspense} from "react"
import {useAuth} from "./contexts/Auth"
import {useHistory} from "react-router-dom";

const AuthenticatedApp = React.lazy(() => import('./AuthenticatedApp'))
const UnauthenticatedApp = React.lazy(() => import('./UnauthenticatedApp'))

const App = () => {
    const {user} = useAuth();
    const history = useHistory();

    return (
        <Suspense fallback={<p>loading...</p>}>
            {user ? <AuthenticatedApp/> : <UnauthenticatedApp from={history.location}/>}
        </Suspense>
    )
}

export default App;