[UNI-120] feat : Tanstack-Query Dev Tools 설치 및 적용 (#52)

Author: dgfh0450

uniro_frontend/package-lock.json

@@ -14,6 +14,7 @@
 		"@react-spring/web": "^9.7.5",
 		"@tailwindcss/vite": "^4.0.0",
 		"@tanstack/react-query": "^5.66.0",
+		"@tanstack/react-query-devtools": "^5.66.0",
 		"framer-motion": "^12.0.6",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",

uniro_frontend/package.json

@@ -15,6 +15,7 @@ import OfflinePage from "./pages/offline";
 import useNetworkStatus from "./hooks/useNetworkStatus";
 import ErrorPage from "./pages/error";
 import { Suspense } from "react";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
 const queryClient = new QueryClient();
 
@@ -39,6 +40,7 @@ function App() {
           <Route path="/error/offline" element={<OfflinePage />} />
         </Routes>
       </Suspense>
+      <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );
 }