Fix dropdown arrow keys

src-web/components/core/Dropdown.tsx

@@ -289,17 +289,27 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle'>, MenuPro
     });
   }, [items]);
 
-  useKey('ArrowUp', (e) => {
+  useKey(
-    if (!isOpen) return;
+    'ArrowUp',
-    e.preventDefault();
+    (e) => {
-    handlePrev();
+      if (!isOpen) return;
-  });
+      e.preventDefault();
+      handlePrev();
+    },
+    {},
+    [isOpen],
+  );
 
-  useKey('ArrowDown', (e) => {
+  useKey(
-    if (!isOpen) return;
+    'ArrowDown',
-    e.preventDefault();
+    (e) => {
-    handleNext();
+      if (!isOpen) return;
-  });
+      e.preventDefault();
+      handleNext();
+    },
+    {},
+    [isOpen],
+  );
 
   const handleSelect = useCallback(
     (i: DropdownItem) => {