React Firebase api key 값 환경변수 설정 중 Error

Error 개요

firebase 개인계정을 연동시켜 로그인 폼을 만들어보았다

깃허브에 업로드 하기 전에, 개인 api 키값을 숨기려고 .env 파일을 만들어서 키 값들을 넣은 환경변수를 만들어주었다

Error 발생

하지만

Uncaught > t {code: 'auth/invalid-api-key', message: 'Your API key is invalid, please check you have copid it correctly

위와 같은 에러가 자꾸 발생하였다

Error 해결

대표적인 아래와 같은 원인이 있다

1. 오타
2. .env 파일이 최상위 폴더에 없음

아무리 찾아봐도 잘못된 것이 없기에 해결방법을 고민하던 찰나
react의 실행을 끄고 다시 start 해보았더니 해결되었다