feat(web): wrap app with react-query Providers in root layout

This commit is contained in:
Thomas Camlong
2025-10-01 15:46:59 +02:00
parent 779a7a48ab
commit 69d0b1f2e5

View File

@@ -9,6 +9,7 @@ import { BASE_URL, getDescription, WEB_URL, websiteTitle } from "@/constants"
import { getTotalIcons } from "@/lib/api" import { getTotalIcons } from "@/lib/api"
import "./globals.css" import "./globals.css"
import { ThemeProvider } from "./theme-provider" import { ThemeProvider } from "./theme-provider"
import { Providers } from "@/components/providers"
const inter = Inter({ const inter = Inter({
variable: "--font-inter", variable: "--font-inter",
@@ -85,6 +86,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body className={`${inter.variable} antialiased bg-background flex flex-col min-h-screen`}> <body className={`${inter.variable} antialiased bg-background flex flex-col min-h-screen`}>
<Providers>
<PostHogProvider> <PostHogProvider>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
<HeaderWrapper /> <HeaderWrapper />
@@ -94,6 +96,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
<LicenseNotice /> <LicenseNotice />
</ThemeProvider> </ThemeProvider>
</PostHogProvider> </PostHogProvider>
</Providers>
</body> </body>
</html> </html>
) )