several

src/components/sheet/drawer.tsx

@@ -1,4 +1,4 @@
-import { Box, Container } from "@mantine/core";
+import { Box, Container, useComputedColorScheme } from "@mantine/core";
 import { PropsWithChildren, useEffect } from "react";
 import { Drawer as VaulDrawer } from 'vaul';
 import { useMantineColorScheme } from '@mantine/core';
@@ -11,7 +11,7 @@ interface DrawerProps extends PropsWithChildren {
 }
 
 const Drawer: React.FC<DrawerProps> = ({ title, children, opened, onChange }) => {
-  const { colorScheme } = useMantineColorScheme();
+  const colorScheme = useComputedColorScheme('light');
 
   useEffect(() => {
     const appElement = document.querySelector('.app') as HTMLElement;