Coding Archive

Next.js와 TanStack Query(React Query) 테스트 환경에서 발생한 오류 해결과정 문제 발생로그인 페이지 컴포넌트에서 테스트를 실행할 때 두 가지 주요 오류가 발생했습니다. 1. 라우터 오류invariant expected app router to be mounted 2. 쿼리 클라이언트 오류No QueryClient set, use QueryClientProvider to set one 이 문제들은 Next.js의 App Router와 React Query의 QueryClient가 테스트 환경에서 설정되지 않았기 때문에 발생했습니다. 각각의 문제를 해결하기 위해서 라우터 모킹 및 QueryClient 설정을 추가해야 했습니다.  1. 라우터 오류 해결: Next.js의 useRou..