feat: 🎸 keep keyboard events in useKeyPress hook

Author: streamich

src/__stories__/useKeyPress.story.tsx

@@ -8,7 +8,7 @@ const keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
 
 const Demo = () => {
   const states = [];
-  for (const key of keys) states.push(useKeyPress(key));
+  for (const key of keys) states.push(useKeyPress(key)[0]);
 
   return (
     <CenterStory>

src/useKeyPress.ts

@@ -2,10 +2,10 @@ import {useState} from 'react';
 import useKey, {KeyFilter} from './useKey';
 
 const useKeyPress = (keyFilter: KeyFilter) => {
-  const [isDown, set] = useState(false);
-  useKey(keyFilter, () => set(true), {event: 'keydown'}, [isDown]);
-  useKey(keyFilter, () => set(false), {event: 'keyup'}, [isDown]);
-  return isDown;
+  const [state, set] = useState<[boolean, null | KeyboardEvent]>([false, null]);
+  useKey(keyFilter, (event) => set([true, event]), {event: 'keydown'}, [state]);
+  useKey(keyFilter, (event) => set([false, event]), {event: 'keyup'}, [state]);
+  return state;
 };
 
 export default useKeyPress;