user in useAuthState return undefined on refresh

[Progressive-Programmer]

"firebase": "^10.3.1",
"next": "13.4.13",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-firebase-hooks": "^5.1.1",

The user is signed in using useSignInWithGoogle

const [signInWithGoogle, loading, error] = useSignInWithGoogle(auth);

Here's the sample code

` const [user, loading, error] = useAuthState(auth); const router = useRouter()

useEffect(()=>{
if (!user){ console.log(user) router.push('/login') } },[user])

if (loading) { <Backdrop isOpen={loading} /> } return ( children )`