feat: use react-query

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

View File

@ -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>
);

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;