Recoil: Duplicate atom key 에러처리 (Next.js)

Recoil: Duplicate atom key 에러처리 (Next.js)

🧶 Problem


프로젝트에 recoil을 도입하는 과정에서 다음 에러가 발생하였다.

Expectation Violation: Duplicate atom key "keyname". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.

Next.js에 recoil을 사용하게 되었을 때 발생하는 에러로 Next.js에서 개발 중에 파일 변경시 rebuild 되는 과정에서 atom key가 재선언되어 발생하는 에러이다.


🪄 Solution


검색을 통해 해결방안을 찾아보았는데 몇가지 방법 중 환경변수를 입력하는 방법으로 해결하였다.

.env 파일에 다음의 구문을 추가하면 된다.


RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED = false;



참고 🫧

Stack overflow

Recoil 공식문서