Fixing theme

Author: nuradiyana

resources/ts/app.tsx

@@ -3,7 +3,7 @@ import { createRoot } from "react-dom/client";
 import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
 import { StrictMode } from "react";
 import { AppSidebarLayout } from "./components";
-import { Provider } from "./components/ui/provider";
+import { Provider } from "./components/ui/custom/provider";
 
 import "@fontsource-variable/inter";
 import { Toaster } from "./components/ui/toaster";

resources/ts/components/ui/custom/provider.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import { ChakraProvider, defaultSystem } from "@chakra-ui/react"
+import {
+  ColorModeProvider,
+  type ColorModeProviderProps,
+} from "../color-mode"
+import theme from "~/theme"
+
+export function Provider(props: ColorModeProviderProps) {
+  return (
+    <ChakraProvider value={theme}>
+      <ColorModeProvider {...props} />
+    </ChakraProvider>
+  )
+}