diff --git a/apps/angular-example/CHANGELOG.md b/apps/angular-example/CHANGELOG.md
index 69155bf0..edd78ec1 100644
--- a/apps/angular-example/CHANGELOG.md
+++ b/apps/angular-example/CHANGELOG.md
@@ -1,5 +1,13 @@
 # angular-example
 
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies
+  - @tryabby/devtools@5.0.1
+  - @tryabby/angular@2.0.1
+
 ## 0.0.11
 
 ### Patch Changes
diff --git a/apps/angular-example/package.json b/apps/angular-example/package.json
index 9d44b56a..eac77519 100644
--- a/apps/angular-example/package.json
+++ b/apps/angular-example/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-example",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "private": true,
   "scripts": {
     "ng": "ng",
diff --git a/apps/web/CHANGELOG.md b/apps/web/CHANGELOG.md
index 7c133db4..a7fba1d1 100644
--- a/apps/web/CHANGELOG.md
+++ b/apps/web/CHANGELOG.md
@@ -1,5 +1,13 @@
 # web
 
+## 0.2.30
+
+### Patch Changes
+
+- Updated dependencies
+  - @tryabby/devtools@5.0.1
+  - @tryabby/next@5.0.1
+
 ## 0.2.29
 
 ### Patch Changes
diff --git a/apps/web/package.json b/apps/web/package.json
index 505bdd9a..b30b869c 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.2.29",
+  "version": "0.2.30",
   "private": true,
   "scripts": {
     "build": "next build",
diff --git a/packages/devtools/CHANGELOG.md b/packages/devtools/CHANGELOG.md
index 9ebcb8b9..7dcc596c 100644
--- a/packages/devtools/CHANGELOG.md
+++ b/packages/devtools/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @tryabby/devtools
 
+## 5.0.1
+
+### Patch Changes
+
+- reduce bundle size
+
 ## 5.0.0
 
 ### Major Changes
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 2b34c183..d8baae23 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tryabby/devtools",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "type": "module",
   "files": [
     "dist"
diff --git a/packages/devtools/src/components/JsonEditor.svelte b/packages/devtools/src/components/JsonEditor.svelte
index 6fdb02d7..f08a82df 100644
--- a/packages/devtools/src/components/JsonEditor.svelte
+++ b/packages/devtools/src/components/JsonEditor.svelte
@@ -19,8 +19,10 @@
   onMount(async () => {
     // Remove the next two lines to load the monaco editor from a CDN
     // see https://www.npmjs.com/package/@monaco-editor/loader#config
-    const monacoEditor = await import("monaco-editor");
-    loader.config({ monaco: monacoEditor.default });
+    const monacoEditor = await import("monaco-editor/esm/vs/editor/editor.api");
+    loader.config({
+      monaco: monacoEditor.default,
+    });
 
     monaco = await loader.init();
     isMounted = true;