Next.js Firebase 로그인 지속성에 대해서 질문이 있습니다.

Question

일단 로그인 함수는 다음과 같이 이메일/비밀번호를 받는 로그인과, 구글 로그인 두개가 있습니다.// logIn func (email & pass 6 length up) const login = async () => { try { const curUserInfo = await signInWithEmailAndPassword( firebaseAuth, id, pass ); // init global user info setUserInfo(curUserInfo.user); console.log(curUserInfo.user); // change global login status setLoginStatus(true); router.push("/"); } catch (err) { setLoginStatus(false); // console.log(err.code); if ((err.code = "auth/user-not-found")) { alert("User not found!"); } else if (err.code == "auth/wrong-password") { alert("Wrong password!"); } } }; // google login func const loginGoogle = () => { const googleProvider = new GoogleAuthProvider(); signInWithPopup(firebaseAuth, googleProvider) .then((res) => { setLoginStatus(true); setUserInfo(res.user); router.push("/"); }) .catch((err) => { console.log(err); }); };그리고 Layout에서 firebase에서 제공하는 로그인 상태를 확인하는 함수를 다음과 같이 사용하고 있습니다. // login check func function loginCheck() { // case 01 firebaseAuth.onAuthStateChanged((userInfo) => { if (userInfo) { setLoginStatus(true); setUserInfo(userInfo); console.log("check login OK!"); } else { setLoginStatus(false); setUserInfo(""); console.log("check login NO!"); } }); } useEffect(() => { loginCheck(); }, []);로그인까지는 문제가 없는데, 로그아웃 버튼을 아무리 눌러도 로그인이 풀리지 않는 문제가 존재합니다.로그아웃도 firebase에서 제공하는 함수로 로그아웃을 구현했는데, 어째서 자꾸 로그인이 된 상태로 확인이 되는 걸까요?? // logOut func const logOut = async () => { firebaseAuth.signOut(); setLoginStatus(false); setUserInfo(""); setMenuFlag(true); location.reload(); };loginStatus는 recoil로 로그인 상태를 관리하는 값입니다userInfo역시 recoil로 로그인 함수에서 받은 유저의 정보를 저장해 관리하고 있습니다. 로그아웃 함수의 reload(); 때문에 에러가 표시되지 않았는지, 저 부분을 주석처리 하니까 로그아웃 시, 다음과 같은 에러도 뜨는 것을 확인했습니다.콘솔창에 아래와 같은 에러가 두가지가 표시가 됩니다.index-30f3030e.js?7426:2604 Uncaught (in promise) TypeError: Cannot assign to read only property 'operations' of object '#' at AuthImpl.queue (index-30f3030e.js?7426:2604:1) at AuthImpl._updateCurrentUser (index-30f3030e.js?7426:2441:1) at AuthImpl.signOut (index-30f3030e.js?7426:2455:1) queue @ index-30f3030e.js?7426:2604 _updateCurrentUser @ index-30f3030e.js?7426:2441 signOut @ index-30f3030e.js?7426:2455index-30f3030e.js?7426:1267 Uncaught (in promise) TypeError: Cannot assign to read only property 'isRunning' of object '#' at ProactiveRefresh._stop (index-30f3030e.js?7426:1267:1) at UserImpl._stopProactiveRefresh (index-30f3030e.js?7426:1681:1) at AuthImpl.directlySetCurrentUser (index-30f3030e.js?7426:2588:1) at eval (index-30f3030e.js?7426:2442:1)최대한 저의 증상을 설명드릴려고 했지만, 신입 개발자의 실력 부재로 전달하기가 어렵네요 ㅜㅜ

Cev · Answer

혹시 firebase 권한 설정 하셨나요? true로 안되있으면 나오는 오류같아보입니다

Cev · Answer

제가 작성한 답변이 맞을지 저도 궁금해서 ㅋㅋㅋ잘 되거나 혹은 오류가 나면 알려주세요!

Next.js Firebase 로그인 지속성에 대해서 질문이 있습니다.

2개의 답변

Q&A 목록