From ddf784f87be652c874442799dfb2eecdc6934b1d Mon Sep 17 00:00:00 2001
From: Sosokker
Date: Fri, 7 Mar 2025 02:49:26 +0700
Subject: [PATCH] feat: use react-query
---
frontend/app/layout.tsx | 17 ++++++++++-------
frontend/lib/ReactQueryProvider.tsx | 12 ++++++++++++
2 files changed, 22 insertions(+), 7 deletions(-)
create mode 100644 frontend/lib/ReactQueryProvider.tsx
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index eb91124..a1cc0ed 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -4,6 +4,7 @@ import "./globals.css";
import { ThemeProvider } from "@/components/theme-provider";
import { SessionProvider } from "@/context/SessionContext";
+import ReactQueryProvider from "@/lib/ReactQueryProvider";
const poppins = Poppins({
subsets: ["latin"],
@@ -31,13 +32,15 @@ export default function RootLayout({
-
-
-
-
-
+
+
+
+
+
+
+
);
diff --git a/frontend/lib/ReactQueryProvider.tsx b/frontend/lib/ReactQueryProvider.tsx
new file mode 100644
index 0000000..219cb7a
--- /dev/null
+++ b/frontend/lib/ReactQueryProvider.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+
+const ReactQueryProvider = ({ children }: { children: React.ReactNode }) => {
+ const [queryClient] = useState(() => new QueryClient());
+
+ return {children};
+};
+
+export default ReactQueryProvider;