➕feat : tanstack query

- 중복요청을 방지하기 위해 해당 라이브러리 설정을 합니다

by Hah-nna #14

src/App.tsx

@@ -13,8 +13,11 @@ import IsChallengeDonePage from "./pages/MyPage/IsChallengeDonePage";
 import KakaoAuth from "./routes/KakaoAuth";
 import DoneChallenge from "./pages/MyPage/doneChallenge";
 import HavePage from "./pages/CreateChallengePage/havePage";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 function App() {
+  const queryClient = new QueryClient();
+
   const router = createBrowserRouter([
     {
       path: "/",
@@ -91,9 +94,11 @@ function App() {
   ]);
 
   return (
-    <RecoilRoot>
-      <RouterProvider router={router} />
-    </RecoilRoot>
+    <QueryClientProvider client={queryClient}>
+      <RecoilRoot>
+        <RouterProvider router={router} />
+      </RecoilRoot>
+    </QueryClientProvider>
   );
 }