Update dependencies

package.json

@@ -5,17 +5,17 @@
   "dependencies": {
     "@monaco-editor/react": "^4.3.1",
     "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
+    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^12.1.10",
+    "@testing-library/user-event": "^14.2.0",
     "content-type-parser": "^1.0.2",
     "copy-to-clipboard": "^3.3.1",
     "history": "^5.0.0",
     "local-storage": "^2.0.0",
     "pako": "^2.0.3",
-    "react": "^17.0.2",
+    "react": "^18.1.0",
     "react-device-detect": "^2.1.2",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.1.0",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "styled-components": "^5.2.1"
   },
   "scripts": {

src/components/Menu.js

@@ -65,16 +65,13 @@ export const MenuButton = ({ label, ids, value, setValue }) => {
   const [open, setOpen] = useState(false);
 
   useEffect(() => {
-    if (!open) {
-      return;
-    }
-
     const listener = e => setOpen(false);
     window.addEventListener('click', listener);
     return () => window.removeEventListener('click', listener);
-  }, [open, setOpen]);
+  }, [setOpen]);
 
-  function toggleOpen() {
+  function toggleOpen(e) {
+    e.stopPropagation();
     setOpen(!open);
   }
 

src/index.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import './style/base.css';
 import App from './App';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
+  </React.StrictMode>
-  document.getElementById('root')
 );
+