From 9a25ebc6283044757bba7aaa3df6cd7f8db986f4 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Fri, 14 Apr 2023 00:07:28 +0800
Subject: [PATCH] fix: monaco theme lost if re-render

Signed-off-by: Innei <tukon479@gmail.com>
---
 src/components/common/Monaco/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/common/Monaco/index.tsx b/src/components/common/Monaco/index.tsx
index f6f02bea..b3c67f9e 100644
--- a/src/components/common/Monaco/index.tsx
+++ b/src/components/common/Monaco/index.tsx
@@ -1,7 +1,13 @@
 import Editor, { EditorProps } from "@monaco-editor/react"
 import { useMonacoTheme } from "./use-theme"
+import { useMediaStore } from "~/hooks/useDarkMode"
 
 export function MonacoEditor(props: EditorProps) {
   useMonacoTheme()
-  return <Editor {...props} />
+  const isDark = useMediaStore((state) => state.isDark)
+
+  return (
+    // define initial theme
+    <Editor {...props} theme={props.theme ?? (isDark ? "dark" : "light")} />
+  )
 }