Dependencies: Update monaco-editor (#54068)

Co-authored-by: Gábor Farkas <gabor.farkas@gmail.com>

packages/grafana-ui/package.json

@@ -50,7 +50,7 @@
     "@grafana/e2e-selectors": "9.2.0-pre",
     "@grafana/schema": "9.2.0-pre",
     "@grafana/slate-react": "0.22.10-grafana",
-    "@monaco-editor/react": "4.3.1",
+    "@monaco-editor/react": "4.4.5",
     "@popperjs/core": "2.11.5",
     "@react-aria/button": "3.5.1",
     "@react-aria/dialog": "3.2.1",
@@ -73,7 +73,7 @@
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
     "moment": "2.29.4",
-    "monaco-editor": "^0.31.1",
+    "monaco-editor": "0.34.0",
     "ol": "6.15.1",
     "prismjs": "1.28.0",
     "rc-cascader": "3.6.1",

packages/grafana-ui/src/components/Monaco/ReactMonacoEditor.tsx

@@ -33,8 +33,8 @@ export const ReactMonacoEditor = (props: ReactMonacoEditorProps) => {
   const monaco = useMonaco();
 
   useEffect(() => {
-    // monaco can be null at the beginning, because it is loaded in asynchronously
-    if (monaco !== null) {
+    // monaco can be null or undefined at the beginning, because it is loaded in asynchronously
+    if (monaco != null) {
       defineThemes(monaco, theme);
     }
   }, [monaco, theme]);