Bump everything to lastest

package.json

@@ -4,33 +4,32 @@
   "private": true,
   "homepage": ".",
   "dependencies": {
-    "@blueprintjs/core": "^3.36.0",
-    "@blueprintjs/select": "^3.15.0",
+    "@blueprintjs/core": "^3.41.0",
+    "@blueprintjs/select": "^3.15.8",
     "@matejmazur/react-katex": "^3.1.3",
-    "@monaco-editor/react": "^3.8.3",
+    "@monaco-editor/react": "^4.1.0",
     "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.3",
-    "@testing-library/user-event": "^12.6.0",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/user-event": "^13.0.3",
     "formik": "^2.2.6",
     "html2canvas": "^1.0.0-rc.7",
-    "katex": "^0.12.0",
+    "katex": "^0.13.0",
     "mobx": "^6.1.8",
     "mobx-react-lite": "^3.2.0",
-    "mobx-utils": "^5.6.1",
+    "mobx-utils": "^6.0.3",
     "moment": "^2.29.1",
-    "query-string": "^6.13.8",
+    "query-string": "^7.0.0",
     "react": "^17.0.1",
     "react-cytoscapejs": "^1.2.1",
     "react-dom": "^17.0.1",
-    "react-helmet-async": "^1.0.7",
-    "react-hotkeys": "^2.0.0",
-    "react-json-view": "^1.19.1",
+    "react-helmet-async": "^1.0.9",
+    "react-json-view": "^1.21.3",
     "react-markdown": "^5.0.3",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "^4.0.1",
+    "react-scripts": "^4.0.3",
     "react-scrollbars-custom": "^4.0.25",
     "react-syntax-highlighter": "^15.4.3",
-    "react-window-infinite-loader": "^1.0.5",
+    "react-window-infinite-loader": "^1.0.7",
     "remark-gfm": "^1.0.0",
     "remark-math": "^4.0.0",
     "styled-components": "^5.2.1",

src/components/CodeEditor.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from 'react';
-import { observer } from 'mobx-react-lite';import { useStores } from '../hooks/useStores';
-//import Editor from '@monaco-editor/react';
-import { ControlledEditor } from '@monaco-editor/react';
+import Editor from '@monaco-editor/react';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { useStores } from '../hooks/useStores';
 
 const CodeEditor = observer(props => {
     const { rootStore } = useStores();
@@ -9,15 +9,15 @@ const CodeEditor = observer(props => {
     let { darkTheme } = rootStore.localStore;
 
     const handleEditorChange = (ev, value) => {
-        props.onChange(ev,value);
+        props.onChange(ev, value);
     };
 
     return (
-        <ControlledEditor
-            onChange = { handleEditorChange }
-            language = "html"
-            value = { props.value }
-            theme = { darkTheme ? "dark" : "light" }
+        <Editor
+            onChange={handleEditorChange}
+            language="html"
+            value={props.value}
+            theme={darkTheme ? 'dark' : 'light'}
         />
     );
 });