mirror of
https://github.com/ForFarmTeam/ForFarm.git
synced 2025-12-19 14:04:08 +01:00
feat: use react-query
This commit is contained in:
parent
9605aa740b
commit
ddf784f87b
@ -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({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<head />
|
||||
<SessionProvider>
|
||||
<body className={`${poppins.variable}`}>
|
||||
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
|
||||
<div className="relative flex min-h-screen flex-col">
|
||||
<div className="flex-1 bg-background">{children}</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
</body>
|
||||
<ReactQueryProvider>
|
||||
<body className={`${poppins.variable}`}>
|
||||
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
|
||||
<div className="relative flex min-h-screen flex-col">
|
||||
<div className="flex-1 bg-background">{children}</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
</body>
|
||||
</ReactQueryProvider>
|
||||
</SessionProvider>
|
||||
</html>
|
||||
);
|
||||
|
||||
12
frontend/lib/ReactQueryProvider.tsx
Normal file
12
frontend/lib/ReactQueryProvider.tsx
Normal 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;
|
||||
Loading…
Reference in New Issue
Block a user