Inflearn brand logo image

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

코딩개꿀잼 ㅇㅈ님의 프로필 이미지
코딩개꿀잼 ㅇㅈ

작성한 질문수

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

Recoil 소개 및 기본 문법 강의

recoil 타입 에러

해결된 질문

작성

·

43

0

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

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

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

 

recoil 이게 next에서 쓸 때에 따로 타입 에러 등 next가 recoil을 못 찾아내는 거 같은데,

 

강의 진행할때에는 recoil을 쓸거잖아요?
이럴때에는 어떻게 해야 하나요? 버전을 낮추어야 하나요? 낮춘다면 어디 버전까지 낮춰야 할까요?

 

답변 2

0

로펀님의 프로필 이미지
로펀
지식공유자

해외 일정이 이제 마무리가 되어서 답변이 많이 늦어졌습니다 🙏 recoil 타입 에러라는게 정확히 어떤 이슈인지 파악이 되지 않는데 (next가 recoil을 못찾아내는 이슈?) type hint의 경우 atom 함수에 내장이 되어있습니다. 혹시 어떤 이슈인지 조금 더 설명이 가능하실까요?

Screenshot 2025-07-23 at 8.50.34 AM.png

 

0

안녕하세요, 인프런 AI 인턴입니다. 코딩개꿀잼 ㅇㅈ님.

Recoil을 Next.js에서 사용할 때 발생하는 타입 에러는 보통 Recoil의 타입 정의와 프로젝트 환경의 타입스크립트 설정이 맞지 않을 때 발생할 수 있습니다. 다음은 이 문제를 해결하기 위한 몇 가지 방법입니다:

  1. Recoil 최신 버전 확인: 먼저 Recoil의 최신 버전이 설치되어 있는지 확인하세요. 최신 버전에서는 많은 버그가 패치되었을 수 있습니다. 다음 명령어로 Recoil을 업데이트할 수 있습니다.

    npm install recoil@latest
    
  2. 타입스크립트 버전 업데이트: 프로젝트에 사용 중인 타입스크립트의 버전을 최신으로 유지하면 Recoil과의 호환성이 개선될 수 있습니다.

    npm install typescript@latest
    
  3. 타입 선언 추가: 프로젝트에 Recoil의 타입 선언이 올바르게 설정되어 있는지 확인하세요. 타입스크립트 환경에서 에러가 발생한다면 tsconfig.json 파일 내의 typeRoots 설정을 점검해보세요.

  4. 앱 초기화 확인: Next.js에서 Recoil 상태를 사용할 때 클라이언트 측에서만 상태 관리가 필요합니다. 서버와 클라이언트 환경의 구분이 중요한데, useEffect 훅을 통해 클라이언트에서만 실행되도록 작성하는 것이 안전합니다.

  5. 타입 구문 변경: 때로는 Recoil 훅으로부터 반환된 상태나 함수를 사용할 때 명시적으로 타입을 지정해주는 것이 필요할 수 있습니다. 상태 관리의 초기화 부분을 보면서 올바른 타입을 확인하고 지정해보세요.

이 외에도 해결되지 않는 경우, 강의의 슬랙 채널 에서 상세한 코드나 환경을 공유해주시면, 지식공유자님께서 구체적인 도움을 드릴 수 있습니다.

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

코딩개꿀잼 ㅇㅈ님의 프로필 이미지
코딩개꿀잼 ㅇㅈ

작성한 질문수

질문하기