ForFarmTeam/ForFarm
1
0
Fork 0
mirror of https://github.com/ForFarmTeam/ForFarm.git synced 2025-12-19 22:14:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: use react-query

Browse Source
This commit is contained in:
Sosokker 2025-03-07 02:49:26 +07:00
parent 9605aa740b
commit ddf784f87b
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/app/layout.tsx
View File

@ -4,6 +4,7 @@ import "./globals.css";
import { ThemeProvider } from "@/components/theme-provider"; import { ThemeProvider } from "@/components/theme-provider";
import { SessionProvider } from "@/context/SessionContext"; import { SessionProvider } from "@/context/SessionContext";
import ReactQueryProvider from "@/lib/ReactQueryProvider";
const poppins = Poppins({ const poppins = Poppins({
subsets: ["latin"], subsets: ["latin"],
@ -31,6 +32,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<head /> <head />
<SessionProvider> <SessionProvider>
<ReactQueryProvider>
<body className={`${poppins.variable}`}> <body className={`${poppins.variable}`}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem> <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<div className="relative flex min-h-screen flex-col"> <div className="relative flex min-h-screen flex-col">
@ -38,6 +40,7 @@ export default function RootLayout({
</div> </div>
</ThemeProvider> </ThemeProvider>
</body> </body>
</ReactQueryProvider>
</SessionProvider> </SessionProvider>
</html> </html>
); );

12
frontend/lib/ReactQueryProvider.tsx Normal file
View File

@ -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 <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
};
export default ReactQueryProvider;