diff --git a/src/pages/editor.tsx b/src/pages/editor.tsx index 3c3cdb6..93ea6f5 100644 --- a/src/pages/editor.tsx +++ b/src/pages/editor.tsx @@ -2,7 +2,7 @@ import React from "react"; import dynamic from "next/dynamic"; import Head from "next/head"; import { useRouter } from "next/router"; -import { useMantineColorScheme } from "@mantine/core"; +import { MantineProvider } from "@mantine/core"; import styled, { ThemeProvider } from "styled-components"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { darkTheme, lightTheme } from "src/constants/theme"; @@ -41,7 +41,6 @@ export const StyledEditorWrapper = styled.div` const EditorPage: React.FC = () => { const { query, isReady } = useRouter(); - const { setColorScheme } = useMantineColorScheme(); const checkEditorSession = useFile(state => state.checkEditorSession); const darkmodeEnabled = useConfig(state => state.darkmodeEnabled); @@ -49,31 +48,29 @@ const EditorPage: React.FC = () => { if (isReady) checkEditorSession(query?.json); }, [checkEditorSession, isReady, query]); - React.useEffect(() => { - setColorScheme(darkmodeEnabled ? "dark" : "light"); - }, [darkmodeEnabled, setColorScheme]); - return ( <>