Error: No QueryClient set, use QueryClientProvider to set one

슈슈·2025년 2월 5일

React

목록 보기
4/4

🚨 원인

💡 React Query를 사용하려면 QueryClient라는 React Query의 데이터를 관리하는 객체가 필요한데 QueryClientProvider로 감싸지 않아서 동작하지 못하는 것

이걸 VueJS에 비유를 해보자면

  • Vue에서는 Vuex나 Pinia 같은 전역 상태 관리 라이브러리를 사용할 때 store를 등록해야함
  • Vuex 없이 store를 사용하려고 해서 에러가 난 것과 같은 케이스

🔥 해결 방법

💡 QueryClientProvider를 설정하면 되는데, 앱에서 가장 최상위파일인 layout.tsx에서 QueryClientProvier로 감싸주었다.

profile
정리용😊

0개의 댓글