[LAB-9] 파이어베이스 구글 로그인 에러

[chaehaeun]

질문 작성자

채하은

문제 상황

• 파이어베이스 소셜로그인 기능을 구현하려고 합니다.
• 소셜로그인 아이콘 버튼 컴포넌트를 만들어서 프롭스로 'google'과 같은 문자열을 넘겨 해당 소셜로그인 함수가 실행되고,
• 스토어에 로그인 상태와 유저 정보가 저장되기를 원했지만... 에러를 해결하지 못하고 있습니다.

작업 진행 상황

에러

검색해보니 파이어베이스에서 도메인 구성을 하지 않았거나 OAuth 공급자가 추가된 후에 변경된 경우에 생길 수 있는 에러라는 말이 있어 확인해보아도 파이어베이스 콘솔에 적혀있는 authDomain 값과 로컬 env 파일에 작성되어있는 REACT_APP_AUTH_DOMAIN의 값이 동일합니다.

무엇이 원인인지 찾지 못하겠어 질문 올립니다.

프로젝트 저장소 URL

https://github.com/chaehaeun/withPet-client.git

환경 정보

• 운영체제 정보 : Windows

[yamoo9]

문제 원인 추론

아마도 Google 프로바이더 사용 설정이 안된 것이 아닌가 생각됩니다. 🤔 Firebase 인증 설정에서 Google 프로바이더 설정이 되어 있는 지 확인해보세요.

Google 인증 프로바이더 사용 설정

새 제공업체 추가 버튼을 클릭한 다음 Google을 선택합니다.

Google 사용 설정 체크 상태를 활성화 한 후, 저장 버튼을 눌러 사용을 승인합니다.

[chaehaeun]

활성화는 되어있는 상태입니다!!

[yamoo9]

활성화는 되어있는 상태입니다!!

@chaehaeun 님. 그렇다면 Firebase 구성 정보를 가진 .env 파일 첨부 그리고 저장소의 어떤 브랜치 인지 알려주세요. 확인해보겠습니다.

[yamoo9]

Firebase 구성 재 검토

Firebase 구성을 제 계정 정보로 바꾸니 정상 작동합니다. 사용 중인 .env 파일과 구성이 동일한 지 검토해보세요.

아래 스크린샷은 정상 작동 됨을 보여 줍니다. Google 공급자 팝업 다이얼로그 표시부터 Redux 상태 업데이트까지 잘 됩니다. 😀