✨ 리액트 쿼리 초기 세팅

boostcampwm2023 · Nov 21, 2023 · bba6a36 · bba6a36
1 parent e3aaa58
commit bba6a36
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/frontend/src/main.tsx b/app/frontend/src/main.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { CookiesProvider } from 'react-cookie';
 
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import ReactDOM from 'react-dom/client';
 
 import App from './App';
@@ -15,11 +17,16 @@ async function enableMocking() {
   return worker.start();
 }
 
+const queryClient = new QueryClient();
+
 enableMocking().then(() => {
   ReactDOM.createRoot(document.getElementById('root')!).render(
     <React.StrictMode>
       <CookiesProvider>
-        <App />
+        <QueryClientProvider client={queryClient}>
+          <App />
+          <ReactQueryDevtools initialIsOpen={false} />
+        </QueryClientProvider>
       </CookiesProvider>
     </React.StrictMode>,
   );