Update dependencies

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>,
-  document.getElementById('root')
+  </React.StrictMode>
 );
+