Monaco editor web component

package.json

@@ -53,6 +53,7 @@
   },
   "dependencies": {
     "@datasert/cronjs-parser": "^1.1.0",
+    "@hey-web-components/monaco-editor": "^0.5.1",
     "@openapi-contrib/openapi-schema-to-json-schema": "^3.1.1",
     "@peculiar/x509": "^1.6.0",
     "@sap-theming/theming-base-content": "^11.1.28",
@@ -87,7 +88,7 @@
     "jsonschema": "^1.4.1",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.19",
-    "monaco-editor": "^0.33.0",
+    "monaco-editor": "^0.52.0",
     "monaco-yaml": "^4.0.4",
     "oidc-client-ts": "^2.4.0",
     "p-queue": "^7.3.4",
@@ -134,7 +135,7 @@
     "sass-loader": "^13.3.2",
     "typescript": "^4.8.4",
     "uuid": "^9.0.0",
-    "vite": "^5.4.3",
+    "vite": "^5.4.11",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-static-copy": "^1.0.6",
     "vite-plugin-svgr": "^4.2.0",

src/index.tsx

@@ -25,6 +25,7 @@ import './styles/sapIllus-Fills.css';
 import './styles/sapIllus-Layout.css';
 import './styles/index.scss';
 import './styles/fiori-helpers.scss';
+import '@hey-web-components/monaco-editor';
 
 i18next
   .use(initReactI18next)