diff --git a/src/components/problem-editor.tsx b/src/components/problem-editor.tsx
index 9d68736..e0f8d8e 100644
--- a/src/components/problem-editor.tsx
+++ b/src/components/problem-editor.tsx
@@ -17,6 +17,34 @@ const Editor = dynamic(
   async () => {
     await import("vscode");
     const monaco = await import("monaco-editor");
+
+    self.MonacoEnvironment = {
+      getWorker(_, label) {
+        if (label === "json") {
+          return new Worker(
+            new URL("monaco-editor/esm/vs/language/json/json.worker.js", import.meta.url)
+          );
+        }
+        if (label === "css" || label === "scss" || label === "less") {
+          return new Worker(
+            new URL("monaco-editor/esm/vs/language/css/css.worker.js", import.meta.url)
+          );
+        }
+        if (label === "html" || label === "handlebars" || label === "razor") {
+          return new Worker(
+            new URL("monaco-editor/esm/vs/language/html/html.worker.js", import.meta.url)
+          );
+        }
+        if (label === "typescript" || label === "javascript") {
+          return new Worker(
+            new URL("monaco-editor/esm/vs/language/typescript/ts.worker.js", import.meta.url)
+          );
+        }
+        return new Worker(
+          new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url)
+        );
+      },
+    };
     const { loader } = await import("@monaco-editor/react");
     loader.config({ monaco });
     return (await import("@monaco-editor/react")).Editor;