fix(monaco-editor): avoid rendering Monaco Editor multiple times (#4971)

Refs #4970
swagger-api · Apr 24, 2024 · 47f9798 · 47f9798
1 parent 6315aaa
commit 47f9798
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/plugins/editor-monaco/components/MonacoEditor/MonacoEditor.jsx b/src/plugins/editor-monaco/components/MonacoEditor/MonacoEditor.jsx
@@ -29,9 +29,13 @@ const MonacoEditor = ({
   const editorRef = useRef(null);
   const subscriptionRef = useRef(null);
   const valueRef = useRef(value);
+  const preventCreation = useRef(false);
   const [isEditorReady, setIsEditorReady] = useState(false);
 
   const createEditor = useCallback(() => {
+    if (!containerRef.current) return;
+    if (preventCreation.current) return;
+
     editorRef.current = monaco.editor.create(containerRef.current, {
       value,
       language,
@@ -66,6 +70,7 @@ const MonacoEditor = ({
 
     editorRef.current.getModel().updateOptions({ tabSize: 2 });
     setIsEditorReady(true);
+    preventCreation.current = true;
   }, [value, language, theme, isReadOnly]);
 
   const disposeEditor = useCallback(() => {