Load monaco editor from npm package not cdn

TracecatHQ · Jan 15, 2025 · ffb5d7b · ffb5d7b
1 parent 06ffc3a
commit ffb5d7b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/frontend/src/components/editor/editor.tsx b/frontend/src/components/editor/editor.tsx
@@ -3,10 +3,12 @@
 import { useEffect } from "react"
 import { EditorFunctionRead, editorListFunctions } from "@/client"
 import {
-  EditorProps,
+  loader,
   Editor as ReactMonacoEditor,
+  type EditorProps,
   type Monaco,
 } from "@monaco-editor/react"
+import * as monaco from "monaco-editor"
 import { editor, IDisposable, IRange, languages } from "monaco-editor"
 
 import { cn } from "@/lib/utils"
@@ -33,6 +35,8 @@ import {
 } from "@/components/editor/yaml-lang"
 import { CenteredSpinner } from "@/components/loading/spinner"
 
+loader.config({ monaco })
+
 const constructDslLang = (): {
   conf: languages.LanguageConfiguration
   lang: languages.IMonarchLanguage