diff --git a/packages/ui-default/components/monaco/loader.ts b/packages/ui-default/components/monaco/loader.ts
index 076240328..596fc6bfb 100644
--- a/packages/ui-default/components/monaco/loader.ts
+++ b/packages/ui-default/components/monaco/loader.ts
@@ -56,4 +56,6 @@ export async function load(features = ['markdown']) {
   await res.loadThemePromise;
   return { monaco: res.default, registerAction: res.registerAction };
 }
+
 export default load;
+window.Hydro.components.loadMonaco = load;
diff --git a/packages/ui-default/modules.js b/packages/ui-default/modules.js
index affc21fef..d089c8c6a 100644
--- a/packages/ui-default/modules.js
+++ b/packages/ui-default/modules.js
@@ -21,6 +21,7 @@ import './components/autocomplete';
 import './components/dialog';
 import './components/notification';
 import './components/nprogress';
+import './components/monaco/loader';
 
 window.node_modules = { _, $ };
 window.$ = $;
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 739f99976..5d25dc098 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.34.39",
+  "version": "4.34.40",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",