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) {

}
return (
children
)`