Refactor useKeypress

Author: tylermcginnis

index.js

@@ -741,20 +741,23 @@ export function useIsFirstRender() {
 
 export function useKeyPress(key, cb, options = {}) {
   const { event = "keydown", target = window ?? null, eventOptions } = options;
-  const eventOptionsRef = React.useRef(eventOptions);
 
-  const onEvent = React.useEffectEvent((event) => {
-    if (event.key === key) {
-      cb(event);
-    }
-  });
+  const onListen = React.useEffectEvent((target, event) => {
+    const handler = (event) => {
+      if (event.key === key) {
+        cb(event);
+      }
+    };
 
-  React.useEffect(() => {
-    target.addEventListener(event, onEvent, eventOptionsRef.current);
+    target.addEventListener(event, handler, eventOptions);
 
     return () => {
-      target.removeEventListener(event, onEvent);
+      target.removeEventListener(event, handler);
     };
+  });
+
+  React.useEffect(() => {
+    return onListen(target, event);
   }, [target, event]);
 }