import { useRouter } from 'next/router' import React, { useEffect } from 'react' import { Spinner } from 'reactstrap' import AuthPrompt from '../components/auth/AuthPrompt' import { useUser } from '../utils/auth/useUser' const Page = () => { const { user } = useUser() const router = useRouter() useEffect(() => { if (user) { router.replace('/mmaps') } }, [user, router]) return typeof user === 'undefined' ? ( <Spinner /> ) : user ? ( <p>Redirecting...</p> ) : ( <AuthPrompt /> ) } export default Page