inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next + React Query로 SNS 서비스 만들기

next-auth로 로그인하기

next-auth 버전을 낮추고 vercel 배포 시 빌드 과정에 에러

266

ㅎㅇㄴ

작성한 질문수 6

0

안녕하세요, next-auth 5 베타를 사용하다가 "r is not a function"이라는 에러 메시지 때문에 next-auth 버전을 "^4.24.5"로 낮추었더니 해결되었습니다. 그런데 vercel에 배포하려하니 자꾸 아래의 사진과 같은 에러 때문에 어려움을 겪고 있습니다...ㅜ 해당 에러 구글에 찾아봐도 해결방법을 모르겠던데 도와주실 수 있으실까요ㅠㅠㅠ

image.png

 

react next.js react-query next-auth msw

답변 2

0

제로초(조현영)

next-auth 4는 5버전이랑 아예 다른 라이브러리라고 보시면 됩니다. 코드부터 다 바꾸셔야 합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

ㅎㅇㄴ님께서 겪고 계신 “r is not a function”과 관련된 next-auth 버전 다운그레이드 후 vercel 배포 과정에서 발생하는 문제에 대해 깊이 공감합니다. 해당 문제는 라이브러리 간의 호환성 문제나 특정 버전에서의 버그 때문에 발생할 수 있습니다.

버전 호환성 문제로 인한 빌드 에러는 종종 프로젝트의 의존성 관리가 복잡해질 때 발생합니다. 예를 들어, 다운그레이드한 next-auth와 다른 의존성 라이브러리 간의 호환 문제가 원인일 수 있습니다. 그러나 주어진 정보만으로는 문제를 구체적으로 진단하고 해결하기에 한계가 있습니다.

그러나, next-auth 관련 문제에 대해 이전에 유사한 경험을 공유한 다른 학습자의 질문과 지식공유자의 답변이 있어 이를 참고하시면 도움이 될 것 같습니다:

  • 에러 해결에 참고할 수 있는 질문: “Error: This action with HTTP GET is not supported.“에서 next-auth 버전 문제를 겪은 다른 학습자의 경우와 지식공유자 제로초(조현영)님의 답변이 있습니다. 제로초님은 버전 호환성을 의심하며, 특정 버전으로의 명시적인 다운그레이드를 권장한 사례가 있습니다. 이는 여러분의 문제와 정확히 일치하지 않을 수 있으나, 버전 문제로 발생한 에러의 해결 방법에 대한 통찰을 얻을 수 있습니다.

  • 안녕하세요 Next-auth 질문을 올려봅니다.“에서도 @auth/core 버전과 next-auth 버전을 일치시켜 해결한 사례가 공유되었습니다. 다만, 이는 문제의 정확한 성격에 따라 다를 수 있습니다.

또한, Vercel 배포 과정에서의 문제는 로컬 환경에서 잘 동작하는 코드가 클라우드 환경에서 예상치 못한 동작을 하는 경우가 많습니다. 이 경우, Vercel의 로그 및 문제 해결 가이드, next-auth의 호환성 정보 등을 참고하시는 것이 좋습니다.

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

0

ㅎㅇㄴ

버전은 아래와 같은데 어떻게 버전을 맞춰보면 될까요...? 베타 5는 이미 r is not a function 에러 때문에 낮춘건데 core의 버전을 바꾸면 될까요?

└── @auth/core@0.34.2

└── next-auth@4.24.7

캡처링부분 질문있습니다.

0

76

2

깃에 소스코드를 찾을 수 없습니다.

0

114

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

111

2

css 라이브러리 추천 부탁드립니다

0

141

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

133

1

게시물 업로드 시 userId가 undefined로 들어가는 오류

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

173

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

186

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

110

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

132

2

next.js 에서 로그인에 관하여

0

139

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

99

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

230

2

fetch 캐싱과 revalidate 관련

0

86

2