add QueryClientProvider to main

client/src/main.jsx

@@ -1,9 +1,6 @@
-import React from 'react';
 import { createRoot } from 'react-dom/client';
-// import { Provider } from 'react-redux';
-// import { store } from './src/store';
 import { RecoilRoot } from 'recoil';
-
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ThemeProvider } from './hooks/ThemeContext';
 import App from './App';
 import './style.css';
@@ -12,10 +9,14 @@ import './mobile.css';
 const container = document.getElementById('root');
 const root = createRoot(container);
 
+const queryClient = new QueryClient();
+
 root.render(
-  <RecoilRoot>
-    <ThemeProvider>
-      <App />
-    </ThemeProvider>
-  </RecoilRoot>
+  <QueryClientProvider client={queryClient}>
+    <RecoilRoot>
+      <ThemeProvider>
+        <App />
+      </ThemeProvider>
+    </RecoilRoot>
+  </QueryClientProvider>
 );