feat: add context provider barrel to layout

rikhall1515 · Apr 19, 2024 · d519d89 · d519d89
1 parent eb99174
commit d519d89
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,6 +4,7 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 
 import "./globals.css";
+import Providers from "@/context";
 import { env } from "@/env/client";
 import { VERCEL_ENV } from "@/next.constants.mjs";
 const inter = Inter({ subsets: ["latin"] });
@@ -33,9 +34,9 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body className={inter.className}>
-        {children}
+        <Providers>{children}</Providers>
         {VERCEL_ENV && (
           <>
             <Analytics />

diff --git a/context/index.tsx b/context/index.tsx
@@ -0,0 +1,15 @@
+import CookieContextProvider from "./cookie";
+import SidebarContextProvider from "./sidebar";
+import ThemeContextProvider from "./theme";
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <ThemeContextProvider>
+        <SidebarContextProvider>
+          <CookieContextProvider>{children}</CookieContextProvider>
+        </SidebarContextProvider>
+      </ThemeContextProvider>
+    </>
+  );
+}