➕ install and setup react query

seimori · Nov 10, 2024 · 4c88107 · 4c88107
1 parent 11c18a8
commit 4c88107
Show file tree

Hide file tree

Showing 4 changed files with 247 additions and 205 deletions.
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -1,6 +1,7 @@
 import { Footer } from "../components/layout/Footer/Footer";
 import { Header } from "../components/layout/Header/Header";
 import { MainContent } from "../components/layout/MainContent/MainContent";
+import Providers from "../components/utils/Providers";
 import "./globals.css";
 
 export default function RootLayout({
@@ -11,9 +12,11 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body>
-        <Header />
-        <MainContent>{children}</MainContent>
-        <Footer>Voir le classement des chats</Footer>
+        <Providers>
+          <Header />
+          <MainContent>{children}</MainContent>
+          <Footer>Voir le classement des chats</Footer>
+        </Providers>
       </body>
     </html>
   );

diff --git a/apps/web/components/utils/Providers.tsx b/apps/web/components/utils/Providers.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  );
+}
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -10,7 +10,8 @@
   },
   "dependencies": {
     "@repo/ui": "*",
-    "next": "14.2.6",
+    "@tanstack/react-query": "^5.59.20",
+    "next": "^14.2.17",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },