fix: repair useKeyboardJs hook

Fixed the importing of the KeyboardJS library with backward compatibility. Updated how bindings are set to prevent KeyboardJS from calling handlers repeatedly while holding keys.
streamich · Jun 8, 2020 · 8410bb0 · 8410bb0
1 parent 0fabbcd
commit 8410bb0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/useKeyboardJs.ts b/src/useKeyboardJs.ts
@@ -6,7 +6,7 @@ const useKeyboardJs = (combination: string | string[]) => {
   const [keyboardJs, setKeyboardJs] = useState<any>(null);
 
   useMount(() => {
-    import('keyboardjs').then(setKeyboardJs);
+    import('keyboardjs').then(k => setKeyboardJs(k.default || k));
   });
 
   useEffect(() => {
@@ -16,7 +16,7 @@ const useKeyboardJs = (combination: string | string[]) => {
 
     const down = event => set([true, event]);
     const up = event => set([false, event]);
-    keyboardJs.bind(combination, down, up);
+    keyboardJs.bind(combination, down, up, true);
 
     return () => {
       keyboardJs.unbind(combination, down, up);