netflix clone 할 때 recoil을 하는 순간 에러가 없어지지 않아요

Question

✅  모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡   ”로펀의 인프런 상담소”   슬랙 채널 가입하기  💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다.     깃허브에 올라온 선생님 코드를 모두 복붙해봐도 없어지지 않는데 무엇이 문제일까요? 선생님 코드와 같은데..

Bent · Answer

github에 있는 package.json과 버전을 맞춰서 진행해 보시면 될 거 같아요. https://www.reddit.com/r/nextjs/comments/1elgh3b/error_in_recoil_with_react_in_a_nextjs_turbo_repo

rudgus46201545 · Answer

react가 18버전이고 next도 14버전이어야 Recoil이작동하는거 같아요! 저도 하면서 같은 오류 만나서 저렇게 변경햇습니다 "dependencies": { "@supabase/supabase-js": "^2.47.16", "@tanstack/react-query": "^5.64.1", "next": "^14.0.0", "react": "^18.3.1", "react-dom": "^18.3.1", "react-icons": "^5.4.0", "recoil": "^0.7.7" },

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 김지유님. Recoil 을 사용할 때 발생하는 오류에 대해 도움을 드리겠습니다. 제공하신 이미지와 설명에 따르면, useRecoilState 를 호출할 때 TypeError 가 발생하는 것으로 보입니다. 이러한 오류는 일반적으로 환경 설정이나 부분적인 코드 미스매치 때문에 발생할 수 있습니다. 이 문제와 관련하여 고려해볼 여러 가지 사항이 있습니다: RecoilRoot 확인 : useRecoilState 를 사용하기 전에 해당 컴포넌트가 반드시 RecoilRoot 로 감싸져 있어야 합니다. 프로젝트 구조에서 RecoilRoot 가 올바르게 설정되었는지 확인해보세요. Recoil 버전 확인 : 설치된 Recoil 버전이 최근 업데이트된 것인지 확인하고, 종속성( package.json )에 문제가 없는지 체크하세요. 설치 및 불러오기 : Recoil 라이브러리가 올바르게 설치되어 있는지( npm install recoil 명령어로 확인)와 올바르게 불러와지고 있는지 코드의 시작 부분에서 확인해보세요. 코드 비교 : 강사님의 깃허브 코드와 복사한 코드 간에 차이가 있는지 다시 한 번 확인하세요. 코드 복사 과정에서 누락된 부분이 없도록 주의가 필요합니다. 관련하여 비슷한 문제에 대한 답변이 있는 게시물 URL을 찾아보세요: - Next.js와 Recoil 사용 시 발생할 수 있는 일반적인 오류 해결 위의 링크는 Recoil과 관련된 문제의 일반적인 해결 방법을 다루고 있으니 참고하시기 바랍니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.