Google firebase Sign-in show no email option on first sign-in-CodePudding

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 };

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.

CodePudding user response：

It sounds like your app is already associated with your Google account. Signing out does not sever that association.

Removing that association is described in the Remove third-party account access, but mostly consists of going to the list of Third-party apps with account access and removing your app from that list.

If that doesn't do it, have a look at the results on forcing the account picker to show up.