From 9aa8b7e2112aa41fb25b104e9879f7251a2af107 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sat, 22 Feb 2025 11:47:00 +0800
Subject: [PATCH] refactor(code-editor): optimize dynamic imports and code
 structure

---
 src/components/code-editor.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index 945c11a..75e07c7 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -12,16 +12,15 @@ import { useCodeEditorState } from "@/store/useCodeEditor";
 import { CODE_EDITOR_OPTIONS } from "@/constants/code-editor-options";
 import { toSocket, WebSocketMessageReader, WebSocketMessageWriter } from "vscode-ws-jsonrpc";
 
-const DynamicEditor = dynamic(
+const Editor = dynamic(
   async () => {
     await import("vscode");
 
     const monaco = await import("monaco-editor");
-    const { loader, Editor } = await import("@monaco-editor/react");
-
+    const { loader } = await import("@monaco-editor/react");
     loader.config({ monaco });
 
-    return Editor;
+    return (await import("@monaco-editor/react")).Editor;
   },
   {
     ssr: false,
@@ -78,7 +77,7 @@ export default function CodeEditor() {
   }, []);
 
   return (
-    <DynamicEditor
+    <Editor
       defaultLanguage={language}
       defaultValue={DEFAULT_VALUE[language]}
       path="file:///main.c"