main

src/components/ui/provider.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { ChakraProvider } from "@chakra-ui/react";
+import { SessionProvider } from "next-auth/react";
+import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
+import { system } from "../../theme/theme";
+import { Toaster } from "./feedback/toaster";
+import TopLoader from "./top-loader";
+
+export function Provider(props: ColorModeProviderProps) {
+  return (
+    <SessionProvider>
+      <ChakraProvider value={system}>
+        <TopLoader />
+        <ColorModeProvider {...props} />
+        <Toaster />
+      </ChakraProvider>
+    </SessionProvider>
+  );
+}