react google로그인 auth/invalid-api-key 오류 해결

auth/invalid-api-key 오류

 

 

오류 발생 원인 3가지

1. .API key가 잘못되었을 때
2. .env 경로가 잘못되었을 때
3. firebaseConfig를 잘못 export 하고 import 했을 때

1. 해결방법 

API key를 잘 확인해 보자 나와 같은 경우는 API key부분을 잘못 호출하여 발생하는 애러였다.ㅜㅜ (바보 같은 실수)

.env

.env에서 다음과 같이 정해 한 다음 다른 이름으로 사용을 했다.

const FirebaseCredentials = {
  apiKey: publicRuntimeConfig.apiKey,
  authDomain: publicRuntimeConfig.authDomain,
  projectId: publicRuntimeConfig.projectId,
};

그 결과 auth/invalid-api-key오류가 발생했고 위의 코드를. env에서 사용하는 것과 같이 변경했다.

const FirebaseCredentials = {
  apiKey: publicRuntimeConfig.publicApiKey,
  authDomain: publicRuntimeConfig.authDomain,
  projectId: publicRuntimeConfig.projectId,
};

.env에서 사용한 변수와 FirebaseCrentials에서 가져올 변수를 맞춰주니 오류가 사라졌다~