Upgraded monaco editors and fixed build

package.json

@@ -16,13 +16,13 @@
     "js-yaml": "^4.1.0",
     "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.40.0",
-    "monaco-yaml": "^4.0.4",
+    "monaco-editor": "^0.44.0",
+    "monaco-yaml": "^5.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-infinite-scroll-component": "^6.1.0",
     "react-json-view": "^1.21.3",
-    "react-monaco-editor": "^0.54.0",
+    "react-monaco-editor": "^0.55.0",
     "react-multi-split-pane": "^0.3.3",
     "react-scripts": "^5.0.1",
     "web-vitals": "^1.1.2",

src/components/AppContextProvider.tsx

@@ -9,9 +9,10 @@ import AppContext, {
 } from "./AppContext";
 import { TOrder } from "../types/TOrder";
 import { AlertState } from "./GeneralAlert/GeneralAlert";
-import { SchemasSettings, setDiagnosticsOptions } from "monaco-yaml";
+import { configureMonacoYaml, SchemasSettings } from "monaco-yaml";
 import { IUser } from "../types/IUser";
 import { IRule } from "../types/IRule";
+import * as monaco from "monaco-editor";
 
 const AppContextProvider = ({ children }: { children: React.ReactNode }) => {
   const [dataService] = useState<DataService>(() => new DataService());
@@ -168,7 +169,7 @@ const AppContextProvider = ({ children }: { children: React.ReactNode }) => {
   /* Load yaml schema for editor validation */
   useEffect(() => {
     dataService.get_rules_schema().then(function (schemas: ISchema[]) {
-      setDiagnosticsOptions({
+      configureMonacoYaml(monaco, {
         validate: true,
         enableSchemaRequest: true,
         format: true,