I'm using Google firebase v9. On the first sign in, usually there would be a pop up for user to choose which email to sigh in with, but for some reason, when I sign in, it automatically send me to the chat page automatically. I tried delete user in my firebase app and tried again and get the same result. What am I doing wrong?

firebase.js:

 import { GoogleAuthProvider } from 'firebase/auth';
 import { initializeApp } from 'firebase/app';
 import { getAuth } from 'firebase/auth';

 const firebaseConfig = {//myap config};
 const app = initializeApp(firebaseConfig);
 const auth = getAuth(app);
 const provider = new GoogleAuthProvider();
 export { auth, provider };

login-page:

import { auth, provider } from '../firebase';
import { useAuthState } from 'react-firebase-hooks/auth';
import { useNavigate } from 'react-router-dom';
import { signInWithPopup } from 'firebase/auth';

function Header(){
const [user] = useAuthState(auth);
const navigate = useNavigate();

const signIn = (e) => {
signInWithPopup(auth, provider)
.then(() => navigate('/channel'))
.catch((error) => alert(error.message));
};

return (
   <buttononClick={!user ? signIn : () => navigate('/channel')}>Login</button/>
  );
  };

Maybe It's because I am already sign-in on chrome? If someone can check my code and verified, that would be awesome.