@typefox/monaco-editor-react 7.2.0 → 7.3.0-next.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to npm module [@typefox/monaco-editor-react](https://www.npmjs.com/package/@typefox/monaco-editor-react) are documented in this file.
 
+## [7.3.0-next.1] - 2025-11-05
+
+- Fixed re-rendering issues with React StrictMode [#986](https://github.com/TypeFox/monaco-languageclient/pull/986).
+- Updated to `monaco-languageclient@10.3.0-next.1`.
+- Updated all `@codingame/monaco-vscode` packages to `22.1.4`.
+
 ## [7.2.0] - 2025-10-20
 
 - Updated to `monaco-languageclient@10.2.0`.

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import { EditorApp, type EditorAppConfig, type TextContents } from 'monaco-languageclient/editorApp';
-import { type LanguageClientConfig, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
+import { type LanguageClientConfig, LanguageClientManager } from 'monaco-languageclient/lcwrapper';
 import { type MonacoVscodeApiConfig, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
 import React, { type CSSProperties } from 'react';
 export type ResolveFc = (value: void | PromiseLike<void>) => void;
@@ -9,9 +9,10 @@ export type MonacoEditorProps = {
     vscodeApiConfig: MonacoVscodeApiConfig;
     editorAppConfig?: EditorAppConfig;
     languageClientConfig?: LanguageClientConfig;
+    enforceDisposeLanguageClient?: boolean;
     onVscodeApiInitDone?: (monacoVscodeApiManager: MonacoVscodeApiWrapper) => void;
     onEditorStartDone?: (editorApp?: EditorApp) => void;
-    onLanguageClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
+    onLanguageClientsStartDone?: (lcsManager?: LanguageClientManager) => void;
     onTextChanged?: (textChanges: TextContents) => void;
     onError?: (error: Error) => void;
     onDisposeEditor?: () => void;

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,KAAK,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpG,OAAO,EAAgC,KAAK,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAC1I,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/E,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpD,0BAA0B,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3E,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8N7D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,KAAK,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnG,OAAO,EAAgC,KAAK,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAC1I,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AAErE,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,mBAAmB,CAAC,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC/E,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACpD,0BAA0B,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAA;AAaD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkQ7D,CAAC"}

package/lib/index.js

@@ -3,42 +3,62 @@
 * Licensed under the MIT License. See LICENSE in the package root for license information.
 * ------------------------------------------------------------------------------------------ */
 import { EditorApp } from 'monaco-languageclient/editorApp';
-import { LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
+import { LanguageClientManager } from 'monaco-languageclient/lcwrapper';
 import { getEnhancedMonacoEnvironment, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef } from 'react';
+// All must be outside of the component as they ars valid across all instances and should not be re-created
+let apiWrapper;
+const lcsManager = new LanguageClientManager();
+const haveEditorService = () => {
+    return apiWrapper?.getMonacoVscodeApiConfig().viewsConfig.$type === 'EditorService';
+};
+const runQueue = [];
+let queueAwait = undefined;
+let queueResolve = undefined;
 export const MonacoEditorReactComp = (props) => {
-    const { style, className, vscodeApiConfig, editorAppConfig, languageClientConfig, onVscodeApiInitDone, onEditorStartDone, onLanguageClientsStartDone, onTextChanged, onError, onDisposeEditor, onDisposeLanguageClient, modifiedTextValue, originalTextValue } = props;
-    const apiWrapperRef = useRef(new MonacoVscodeApiWrapper(vscodeApiConfig));
-    const haveEditorService = useRef(true);
-    const editorAppRef = useRef(null);
-    const lcsManagerRef = useRef(null);
+    const { style, className, vscodeApiConfig, editorAppConfig, languageClientConfig, enforceDisposeLanguageClient, onVscodeApiInitDone, onEditorStartDone, onLanguageClientsStartDone, onTextChanged, onError, onDisposeEditor, onDisposeLanguageClient, modifiedTextValue, originalTextValue } = props;
+    const currentEditorConfig = useRef(undefined);
+    const editorAppRef = useRef(undefined);
     const containerRef = useRef(null);
     const onTextChangedRef = useRef(onTextChanged);
-    const [modifiedCode, setModifiedCode] = useState(modifiedTextValue);
-    const [originalCode, setOriginalCode] = useState(originalTextValue);
-    const runQueue = useRef([]);
-    const executeQueue = (id, newfunc) => {
+    const modifiedCode = useRef(modifiedTextValue);
+    const originalCode = useRef(originalTextValue);
+    const addQueue = (id, func) => {
         debugLogging(`Adding to queue: ${id}`);
-        debugLogging(`QUEUE SIZE before: ${runQueue.current.length}`);
-        runQueue.current.push(newfunc);
-        (async () => {
-            // always expect to need to await the global init
-            await awaitGlobal();
-            while (runQueue.current.length > 0) {
-                const func = runQueue.current.shift();
-                debugLogging('QUEUE FUNC start', true);
-                await func?.();
-                debugLogging('QUEUE FUNC end');
+        debugLogging(`QUEUE SIZE before: ${runQueue.length}`);
+        runQueue.push({ id, func });
+    };
+    const triggerQueue = () => {
+        setInterval(() => {
+            if (queueAwait === undefined) {
+                queueAwait = new Promise((resolve) => {
+                    queueResolve = resolve;
+                });
+                executeQueue();
+            }
+        }, 50);
+    };
+    const executeQueue = async () => {
+        while (runQueue.length > 0) {
+            const queueObj = runQueue.shift();
+            if (queueObj !== undefined) {
+                debugLogging(`QUEUE ${queueObj.id} SIZE before: ${runQueue.length}`);
+                debugLogging(`QUEUE ${queueObj.id} start`, true);
+                await queueObj.func();
+                debugLogging(`QUEUE ${queueObj.id} SIZE after: ${runQueue.length}`);
+                debugLogging(`QUEUE ${queueObj.id} end`);
             }
-            debugLogging(`QUEUE SIZE after: ${runQueue.current.length}`);
-        })();
+        }
+        queueResolve?.();
+        queueAwait = undefined;
+        queueResolve = undefined;
     };
     const debugLogging = (id, useTime) => {
         if (useTime === true) {
-            apiWrapperRef.current.getLogger().debug(`${id}: ${Date.now()}`);
+            apiWrapper?.getLogger().debug(`${id}: ${Date.now()}`);
         }
         else {
-            apiWrapperRef.current.getLogger().debug(id);
+            apiWrapper?.getLogger().debug(id);
         }
     };
     const performErrorHandling = (error) => {
@@ -51,23 +71,18 @@ export const MonacoEditorReactComp = (props) => {
     };
     useEffect(() => {
         // this is only available if EditorService is configured
-        if (modifiedTextValue !== undefined && haveEditorService.current) {
-            setModifiedCode(modifiedTextValue);
+        if (haveEditorService() && modifiedTextValue !== undefined) {
+            modifiedCode.current = modifiedTextValue;
             editorAppRef.current?.updateCode({ modified: modifiedTextValue });
         }
     }, [modifiedTextValue]);
     useEffect(() => {
         // this is only available if EditorService is configured
-        if (originalTextValue !== undefined && haveEditorService.current) {
-            setOriginalCode(originalTextValue);
+        if (haveEditorService() && originalTextValue !== undefined) {
+            originalCode.current = originalTextValue;
             editorAppRef.current?.updateCode({ original: originalTextValue });
         }
     }, [originalTextValue]);
-    const awaitGlobal = async () => {
-        // await global init if not completed before doing anything else
-        const envEnhanced = getEnhancedMonacoEnvironment();
-        return envEnhanced.vscodeApiGlobalInitAwait ?? Promise.resolve();
-    };
     const performGlobalInit = async () => {
         if (containerRef.current === null) {
             performErrorHandling(new Error('No htmlContainer found! Aborting...'));
@@ -75,29 +90,51 @@ export const MonacoEditorReactComp = (props) => {
         const envEnhanced = getEnhancedMonacoEnvironment();
         // init will only performed once
         if (envEnhanced.vscodeApiInitialising !== true) {
+            apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
             const globalInitFunc = async () => {
-                debugLogging('GLOBAL INIT', true);
-                apiWrapperRef.current.overrideViewsConfig({
-                    $type: apiWrapperRef.current.getMonacoVscodeApiConfig().viewsConfig.$type,
-                    htmlContainer: containerRef.current
-                });
-                await apiWrapperRef.current.start();
-                // set if editor mode is available, otherwise text bindings will not work
-                haveEditorService.current = envEnhanced.viewServiceType === 'EditorService';
-                onVscodeApiInitDone?.(apiWrapperRef.current);
-                debugLogging('GLOBAL INIT DONE', true);
+                try {
+                    debugLogging('GLOBAL INIT', true);
+                    if (apiWrapper === undefined)
+                        throw new Error('Unexpected error occurred: apiWrapper is not available! Aborting...');
+                    if (haveEditorService()) {
+                        apiWrapper.overrideViewsConfig({
+                            $type: 'EditorService',
+                            htmlContainer: containerRef.current
+                        });
+                    }
+                    await apiWrapper.start();
+                    lcsManager.setLogger(apiWrapper.getLogger());
+                    onVscodeApiInitDone?.(apiWrapper);
+                    triggerQueue();
+                    debugLogging('GLOBAL INIT DONE', true);
+                }
+                catch (error) {
+                    performErrorHandling(error);
+                }
             };
             globalInitFunc();
         }
+        else if (envEnhanced.vscodeApiInitialised === true) {
+            triggerQueue();
+        }
     };
     useEffect(() => {
+        // fast-fail
+        if (editorAppConfig === undefined)
+            return;
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
+        // re-create editor if config changed
+        const recreateEditor = editorAppRef.current === undefined || currentEditorConfig.current === undefined ||
+            JSON.stringify(editorAppConfig) !== JSON.stringify(currentEditorConfig.current);
         const editorInitFunc = async () => {
             try {
                 debugLogging('INIT', true);
                 // it is possible to run without an editorApp, for example when using the ViewsService
-                if (haveEditorService.current) {
+                if (recreateEditor && haveEditorService()) {
+                    debugLogging('INIT: Creating editor', true);
+                    editorAppRef.current?.dispose();
+                    currentEditorConfig.current = editorAppConfig;
                     editorAppRef.current = new EditorApp(editorAppConfig);
                     if (editorAppRef.current.isStarting() === true || editorAppRef.current.isDisposing() === true) {
                         await Promise.all([
@@ -107,10 +144,10 @@ export const MonacoEditorReactComp = (props) => {
                     }
                     editorAppRef.current.registerOnTextChangedCallback((textChanges) => {
                         if (textChanges.modified !== undefined) {
-                            setModifiedCode(textChanges.modified);
+                            modifiedCode.current = textChanges.modified;
                         }
                         if (textChanges.original !== undefined) {
-                            setOriginalCode(textChanges.original);
+                            originalCode.current = textChanges.original;
                         }
                         if (onTextChangedRef.current !== undefined) {
                             onTextChangedRef.current(textChanges);
@@ -118,11 +155,6 @@ export const MonacoEditorReactComp = (props) => {
                     });
                     await editorAppRef.current.start(containerRef.current);
                     onEditorStartDone?.(editorAppRef.current);
-                    // originalTextValue and modifiedTextValue useEffects may happen before
-                    editorAppRef.current.updateCode({
-                        original: originalCode,
-                        modified: modifiedCode
-                    });
                 }
                 debugLogging('INIT DONE', true);
             }
@@ -130,52 +162,65 @@ export const MonacoEditorReactComp = (props) => {
                 performErrorHandling(error);
             }
         };
-        executeQueue('editorInit', editorInitFunc);
+        addQueue('editorInit', editorInitFunc);
     }, [editorAppConfig]);
     useEffect(() => {
+        // fast-fail
+        if (languageClientConfig === undefined)
+            return;
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
-        if (languageClientConfig !== undefined) {
-            const lcInitFunc = async () => {
-                try {
-                    debugLogging('INIT LC', true);
-                    lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
-                    await lcsManagerRef.current.setConfig(languageClientConfig);
-                    await lcsManagerRef.current.start();
-                    onLanguageClientsStartDone?.(lcsManagerRef.current);
-                    debugLogging('INIT LC DONE', true);
-                }
-                catch (error) {
-                    performErrorHandling(error);
-                }
-            };
-            executeQueue('lcInit', lcInitFunc);
-        }
+        const lcInitFunc = async () => {
+            try {
+                debugLogging('INIT LC2', true);
+                await lcsManager.setConfig(languageClientConfig);
+                await lcsManager.start();
+                onLanguageClientsStartDone?.(lcsManager);
+                debugLogging('INIT LC DONE', true);
+            }
+            catch (error) {
+                performErrorHandling(error);
+            }
+        };
+        addQueue('lcInit', lcInitFunc);
     }, [languageClientConfig]);
     useEffect(() => {
+        // this part runs on mount (componentDidMount)
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
+        // this part runs on unmount (componentWillUnmount)
         return () => {
             const disposeFunc = async () => {
-                // dispose editor id used and languageclient if enforced
+                // dispose editor if used
+                debugLogging('DISPOSE', true);
+                await editorAppRef.current?.dispose();
+                editorAppRef.current = undefined;
+                onDisposeEditor?.();
+                debugLogging('DISPOSE DONE', true);
+            };
+            addQueue('dispose', disposeFunc);
+        };
+    }, []);
+    useEffect(() => {
+        // always try to perform global init. Reason: we cannot ensure order
+        performGlobalInit();
+        if (enforceDisposeLanguageClient === true) {
+            const disposeLCFunc = async () => {
+                // dispose editor if used
                 try {
-                    debugLogging('DISPOSE', true);
-                    await editorAppRef.current?.dispose();
-                    onDisposeEditor?.();
-                    if (languageClientConfig?.enforceDispose === true) {
-                        lcsManagerRef.current?.dispose();
-                        onDisposeLanguageClient?.();
-                    }
-                    debugLogging('DISPOSE DONE', true);
+                    debugLogging('DISPOSE LC', true);
+                    await lcsManager.dispose();
+                    onDisposeLanguageClient?.();
+                    debugLogging('DISPOSE LC DONE', true);
                 }
                 catch (error) {
                     // The language client may throw an error during disposal, but we want to continue anyway
                     performErrorHandling(new Error(`Unexpected error occurred during disposal of the language client: ${error}`));
                 }
             };
-            executeQueue('dispose', disposeFunc);
-        };
-    }, []);
+            addQueue('dispose lc', disposeLCFunc);
+        }
+    }, [enforceDisposeLanguageClient]);
     return (React.createElement("div", { ref: containerRef, style: style, className: className }));
 };
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typefox/monaco-editor-react",
-  "version": "7.2.0",
+  "version": "7.3.0-next.1",
   "license": "MIT",
   "description": "React component for Monaco-Editor and Monaco Languageclient",
   "keywords": [
@@ -46,7 +46,7 @@
     "npm": "10.9.3"
   },
   "dependencies": {
-    "@codingame/monaco-vscode-editor-api": "^22.1.0",
+    "@codingame/monaco-vscode-editor-api": "^22.1.4",
     "react": ">=18.0.0 || <20.0.0"
   },
   "repository": {

package/src/index.tsx

@@ -4,9 +4,9 @@
 * ------------------------------------------------------------------------------------------ */
 
 import { EditorApp, type EditorAppConfig, type TextContents } from 'monaco-languageclient/editorApp';
-import { type LanguageClientConfig, LanguageClientsManager } from 'monaco-languageclient/lcwrapper';
+import { type LanguageClientConfig, LanguageClientManager } from 'monaco-languageclient/lcwrapper';
 import { getEnhancedMonacoEnvironment, type MonacoVscodeApiConfig, MonacoVscodeApiWrapper } from 'monaco-languageclient/vscodeApiWrapper';
-import React, { type CSSProperties, useEffect, useRef, useState } from 'react';
+import React, { type CSSProperties, useEffect, useRef } from 'react';
 
 export type ResolveFc = (value: void | PromiseLike<void>) => void;
 
@@ -16,9 +16,10 @@ export type MonacoEditorProps = {
     vscodeApiConfig: MonacoVscodeApiConfig;
     editorAppConfig?: EditorAppConfig;
     languageClientConfig?: LanguageClientConfig;
+    enforceDisposeLanguageClient?: boolean;
     onVscodeApiInitDone?: (monacoVscodeApiManager: MonacoVscodeApiWrapper) => void;
     onEditorStartDone?: (editorApp?: EditorApp) => void;
-    onLanguageClientsStartDone?: (lcsManager?: LanguageClientsManager) => void;
+    onLanguageClientsStartDone?: (lcsManager?: LanguageClientManager) => void;
     onTextChanged?: (textChanges: TextContents) => void;
     onError?: (error: Error) => void;
     onDisposeEditor?: () => void;
@@ -27,6 +28,17 @@ export type MonacoEditorProps = {
     originalTextValue?: string;
 }
 
+// All must be outside of the component as they ars valid across all instances and should not be re-created
+let apiWrapper: MonacoVscodeApiWrapper | undefined;
+const lcsManager = new LanguageClientManager();
+const haveEditorService = () => {
+    return apiWrapper?.getMonacoVscodeApiConfig().viewsConfig.$type === 'EditorService';
+};
+
+const runQueue: Array<{id: string, func: () => Promise<void>}> = [];
+let queueAwait: Promise<void> | undefined = undefined;
+let queueResolve: ((value: void | PromiseLike<void>) => void) | undefined = undefined;
+
 export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
     const {
         style,
@@ -34,6 +46,7 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
         vscodeApiConfig,
         editorAppConfig,
         languageClientConfig,
+        enforceDisposeLanguageClient,
         onVscodeApiInitDone,
         onEditorStartDone,
         onLanguageClientsStartDone,
@@ -45,40 +58,51 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
         originalTextValue
     } = props;
 
-    const apiWrapperRef = useRef<MonacoVscodeApiWrapper>(new MonacoVscodeApiWrapper(vscodeApiConfig));
-    const haveEditorService = useRef(true);
-    const editorAppRef = useRef<EditorApp>(null);
-    const lcsManagerRef = useRef<LanguageClientsManager>(null);
+    const currentEditorConfig = useRef<EditorAppConfig | undefined>(undefined);
+    const editorAppRef = useRef<EditorApp>(undefined);
     const containerRef = useRef<HTMLDivElement>(null);
     const onTextChangedRef = useRef(onTextChanged);
-    const [modifiedCode, setModifiedCode] = useState(modifiedTextValue);
-    const [originalCode, setOriginalCode] = useState(originalTextValue);
-
-    const runQueue = useRef<Array<() => Promise<void>>>([]);
+    const modifiedCode = useRef<string>(modifiedTextValue);
+    const originalCode = useRef<string>(originalTextValue);
 
-    const executeQueue = (id: string, newfunc: () => Promise<void>) => {
+    const addQueue = (id: string, func: () => Promise<void>) => {
         debugLogging(`Adding to queue: ${id}`);
-        debugLogging(`QUEUE SIZE before: ${runQueue.current.length}`);
-        runQueue.current.push(newfunc);
-        (async () => {
-            // always expect to need to await the global init
-            await awaitGlobal();
-
-            while (runQueue.current.length > 0) {
-                const func = runQueue.current.shift();
-                debugLogging('QUEUE FUNC start', true);
-                await func?.();
-                debugLogging('QUEUE FUNC end');
+        debugLogging(`QUEUE SIZE before: ${runQueue.length}`);
+        runQueue.push({id, func});
+    };
+
+    const triggerQueue = () => {
+        setInterval(() =>  {
+            if (queueAwait === undefined) {
+                queueAwait = new Promise<void>((resolve) => {
+                    queueResolve = resolve;
+                });
+                executeQueue();
             }
-            debugLogging(`QUEUE SIZE after: ${runQueue.current.length}`);
-        })();
+        }, 50);
+    };
+
+    const executeQueue = async () => {
+        while (runQueue.length > 0) {
+            const queueObj = runQueue.shift();
+            if (queueObj !== undefined) {
+                debugLogging(`QUEUE ${queueObj.id} SIZE before: ${runQueue.length}`);
+                debugLogging(`QUEUE ${queueObj.id} start`, true);
+                await queueObj.func();
+                debugLogging(`QUEUE ${queueObj.id} SIZE after: ${runQueue.length}`);
+                debugLogging(`QUEUE ${queueObj.id} end`);
+            }
+        }
+        queueResolve?.();
+        queueAwait = undefined;
+        queueResolve = undefined;
     };
 
     const debugLogging = (id: string, useTime?: boolean) => {
         if (useTime === true) {
-            apiWrapperRef.current.getLogger().debug(`${id}: ${Date.now()}`);
+            apiWrapper?.getLogger().debug(`${id}: ${Date.now()}`);
         } else {
-            apiWrapperRef.current.getLogger().debug(id);
+            apiWrapper?.getLogger().debug(id);
         }
     };
 
@@ -92,26 +116,20 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
 
     useEffect(() => {
         // this is only available if EditorService is configured
-        if (modifiedTextValue !== undefined && haveEditorService.current) {
-            setModifiedCode(modifiedTextValue);
+        if (haveEditorService() && modifiedTextValue !== undefined) {
+            modifiedCode.current = modifiedTextValue;
             editorAppRef.current?.updateCode({modified: modifiedTextValue});
         }
     }, [modifiedTextValue]);
 
     useEffect(() => {
         // this is only available if EditorService is configured
-        if (originalTextValue !== undefined && haveEditorService.current) {
-            setOriginalCode(originalTextValue);
+        if (haveEditorService() && originalTextValue !== undefined) {
+            originalCode.current = originalTextValue;
             editorAppRef.current?.updateCode({original: originalTextValue});
         }
     }, [originalTextValue]);
 
-    const awaitGlobal = async () => {
-        // await global init if not completed before doing anything else
-        const envEnhanced = getEnhancedMonacoEnvironment();
-        return envEnhanced.vscodeApiGlobalInitAwait ?? Promise.resolve();
-    };
-
     const performGlobalInit = async () => {
         if (containerRef.current === null) {
             performErrorHandling(new Error('No htmlContainer found! Aborting...'));
@@ -121,36 +139,56 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
         // init will only performed once
         if (envEnhanced.vscodeApiInitialising !== true) {
 
+            apiWrapper = new MonacoVscodeApiWrapper(vscodeApiConfig);
             const globalInitFunc = async () => {
-                debugLogging('GLOBAL INIT', true);
-
-                apiWrapperRef.current.overrideViewsConfig({
-                    $type: apiWrapperRef.current.getMonacoVscodeApiConfig().viewsConfig.$type,
-                    htmlContainer: containerRef.current!
-                });
-                await apiWrapperRef.current.start();
-
-                // set if editor mode is available, otherwise text bindings will not work
-                haveEditorService.current = envEnhanced.viewServiceType === 'EditorService';
+                try {
+                    debugLogging('GLOBAL INIT', true);
+                    if (apiWrapper === undefined) throw new Error('Unexpected error occurred: apiWrapper is not available! Aborting...');
+
+                    if (haveEditorService()) {
+                        apiWrapper.overrideViewsConfig({
+                            $type: 'EditorService',
+                            htmlContainer: containerRef.current!
+                        });
+                    }
+                    await apiWrapper.start();
 
-                onVscodeApiInitDone?.(apiWrapperRef.current);
+                    lcsManager.setLogger(apiWrapper.getLogger());
 
-                debugLogging('GLOBAL INIT DONE', true);
+                    onVscodeApiInitDone?.(apiWrapper);
+                    triggerQueue();
+                    debugLogging('GLOBAL INIT DONE', true);
+                } catch (error) {
+                    performErrorHandling(error as Error);
+                }
             };
             globalInitFunc();
+        } else if (envEnhanced.vscodeApiInitialised === true) {
+            triggerQueue();
         }
     };
 
     useEffect(() => {
+        // fast-fail
+        if (editorAppConfig === undefined) return;
+
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
+        // re-create editor if config changed
+        const recreateEditor = editorAppRef.current === undefined || currentEditorConfig.current === undefined ||
+            JSON.stringify(editorAppConfig) !== JSON.stringify(currentEditorConfig.current);
         const editorInitFunc = async () => {
             try {
                 debugLogging('INIT', true);
 
                 // it is possible to run without an editorApp, for example when using the ViewsService
-                if (haveEditorService.current) {
+                if (recreateEditor && haveEditorService()) {
+                    debugLogging('INIT: Creating editor', true);
+
+                    editorAppRef.current?.dispose();
+
+                    currentEditorConfig.current = editorAppConfig;
                     editorAppRef.current = new EditorApp(editorAppConfig);
                     if (editorAppRef.current.isStarting() === true || editorAppRef.current.isDisposing() === true) {
                         await Promise.all([
@@ -161,10 +199,10 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
 
                     editorAppRef.current.registerOnTextChangedCallback((textChanges) => {
                         if (textChanges.modified !== undefined) {
-                            setModifiedCode(textChanges.modified);
+                            modifiedCode.current = textChanges.modified;
                         }
                         if (textChanges.original !== undefined) {
-                            setOriginalCode(textChanges.original);
+                            originalCode.current = textChanges.original;
                         }
                         if (onTextChangedRef.current !== undefined) {
                             onTextChangedRef.current(textChanges);
@@ -173,12 +211,6 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
                     await editorAppRef.current.start(containerRef.current!);
 
                     onEditorStartDone?.(editorAppRef.current);
-
-                    // originalTextValue and modifiedTextValue useEffects may happen before
-                    editorAppRef.current.updateCode({
-                        original: originalCode,
-                        modified: modifiedCode
-                    });
                 }
 
                 debugLogging('INIT DONE', true);
@@ -186,61 +218,77 @@ export const MonacoEditorReactComp: React.FC<MonacoEditorProps> = (props) => {
                 performErrorHandling(error as Error);
             }
         };
-        executeQueue('editorInit', editorInitFunc);
+        addQueue('editorInit', editorInitFunc);
     }, [editorAppConfig]);
 
     useEffect(() => {
+        // fast-fail
+        if (languageClientConfig === undefined) return;
+
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
-        if (languageClientConfig !== undefined) {
-            const lcInitFunc = async () => {
-                try {
-                    debugLogging('INIT LC', true);
-
-                    lcsManagerRef.current = new LanguageClientsManager(apiWrapperRef.current.getLogger());
+        const lcInitFunc = async () => {
+            try {
+                debugLogging('INIT LC2', true);
 
-                    await lcsManagerRef.current.setConfig(languageClientConfig);
-                    await lcsManagerRef.current.start();
+                await lcsManager.setConfig(languageClientConfig);
+                await lcsManager.start();
 
-                    onLanguageClientsStartDone?.(lcsManagerRef.current);
+                onLanguageClientsStartDone?.(lcsManager);
 
-                    debugLogging('INIT LC DONE', true);
-                } catch (error) {
-                    performErrorHandling(error as Error);
-                }
-            };
-            executeQueue('lcInit', lcInitFunc);
-        }
+                debugLogging('INIT LC DONE', true);
+            } catch (error) {
+                performErrorHandling(error as Error);
+            }
+        };
+        addQueue('lcInit', lcInitFunc);
     }, [languageClientConfig]);
 
     useEffect(() => {
+        // this part runs on mount (componentDidMount)
+
         // always try to perform global init. Reason: we cannot ensure order
         performGlobalInit();
 
+        // this part runs on unmount (componentWillUnmount)
         return () => {
             const disposeFunc = async () => {
-                // dispose editor id used and languageclient if enforced
-                try {
-                    debugLogging('DISPOSE', true);
+                // dispose editor if used
+                debugLogging('DISPOSE', true);
 
-                    await editorAppRef.current?.dispose();
-                    onDisposeEditor?.();
+                await editorAppRef.current?.dispose();
+                editorAppRef.current = undefined;
+                onDisposeEditor?.();
 
-                    if (languageClientConfig?.enforceDispose === true) {
-                        lcsManagerRef.current?.dispose();
-                        onDisposeLanguageClient?.();
-                    }
+                debugLogging('DISPOSE DONE', true);
+            };
+            addQueue('dispose', disposeFunc);
+        };
+    }, []);
+
+    useEffect(() => {
+        // always try to perform global init. Reason: we cannot ensure order
+        performGlobalInit();
+
+        if (enforceDisposeLanguageClient === true) {
+            const disposeLCFunc = async () => {
+                // dispose editor if used
+                try {
+                    debugLogging('DISPOSE LC', true);
+
+                    await lcsManager.dispose();
+                    onDisposeLanguageClient?.();
 
-                    debugLogging('DISPOSE DONE', true);
+                    debugLogging('DISPOSE LC DONE', true);
                 } catch (error) {
                     // The language client may throw an error during disposal, but we want to continue anyway
                     performErrorHandling(new Error(`Unexpected error occurred during disposal of the language client: ${error}`));
                 }
             };
-            executeQueue('dispose', disposeFunc);
-        };
-    }, []);
+            addQueue('dispose lc', disposeLCFunc);
+        }
+    }, [enforceDisposeLanguageClient]);
 
     return (
         <div