feat: 🎸 keep keyboard events in useKeyPress hook

streamich · Mar 28, 2019 · 00fecab · 00fecab
1 parent 5c95f28
commit 00fecab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/__stories__/useKeyPress.story.tsx b/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>

diff --git a/src/useKeyPress.ts b/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;