132. [React] Error: No QueryClient set, use QueryClientProvider to set one TIL23.02.22

---

 

[React] Error: No QueryClient set, use QueryClientProvider to set one

리액트 쿼리 사용하려고 코드를 작성했는데
위와 같은 오류가 났다.

 

오류 원인

App.jsx에서 div로만 감싸서 오류가 났다.

function App() {
  return (
    <div>
      <RouterProvider router={router} />
    </div>
  );

 

해결

QueryClientProvider 컴포넌트로 감싸야 했음

import {
  QueryClient,
  QueryClientProvider,
} from "@tanstack/react-query";

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <RouterProvider router={router} />
    </QueryClientProvider>
  );
}