netflix clone 할 때 recoil을 하는 순간 에러가 ... - 인프런

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

무한 스크롤 기능 구현하기, 더 나은 검색을 위한 SEO 작업하기

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

해결된 질문

작성

250

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다.

💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡

평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다.

깃허브에 올라온 선생님 코드를 모두 복붙해봐도 없어지지 않는데 무엇이 문제일까요? 선생님 코드와 같은데..

firebase next.js tailwindcss react-query supabase recoil

답변 3

Bent

github에 있는 package.json과 버전을 맞춰서 진행해 보시면 될 거 같아요.

https://www.reddit.com/r/nextjs/comments/1elgh3b/error_in_recoil_with_react_in_a_nextjs_turbo_repo

박경현

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"
  },

로펀

지식공유자

답변 해주셔서 감사합니다. 버전 문제일 확률이 높아보이네요 🙂 혹시 해결이 잘 안되셨다면 슬랙으로 문의 부탁드립니다. 감사합니다.

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 김지유님.

Recoil을 사용할 때 발생하는 오류에 대해 도움을 드리겠습니다. 제공하신 이미지와 설명에 따르면, useRecoilState를 호출할 때 TypeError가 발생하는 것으로 보입니다. 이러한 오류는 일반적으로 환경 설정이나 부분적인 코드 미스매치 때문에 발생할 수 있습니다.

이 문제와 관련하여 고려해볼 여러 가지 사항이 있습니다:

RecoilRoot 확인: useRecoilState를 사용하기 전에 해당 컴포넌트가 반드시 RecoilRoot로 감싸져 있어야 합니다. 프로젝트 구조에서 RecoilRoot가 올바르게 설정되었는지 확인해보세요.
Recoil 버전 확인: 설치된 Recoil 버전이 최근 업데이트된 것인지 확인하고, 종속성(package.json)에 문제가 없는지 체크하세요.
설치 및 불러오기: Recoil 라이브러리가 올바르게 설치되어 있는지(npm install recoil 명령어로 확인)와 올바르게 불러와지고 있는지 코드의 시작 부분에서 확인해보세요.
코드 비교: 강사님의 깃허브 코드와 복사한 코드 간에 차이가 있는지 다시 한 번 확인하세요. 코드 복사 과정에서 누락된 부분이 없도록 주의가 필요합니다.

관련하여 비슷한 문제에 대한 답변이 있는 게시물 URL을 찾아보세요:
- Next.js와 Recoil 사용 시 발생할 수 있는 일반적인 오류 해결

위의 링크는 Recoil과 관련된 문제의 일반적인 해결 방법을 다루고 있으니 참고하시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

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

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다.