From f01e2399474fd52e67b51c6c6a0c362e099b3bbc Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 3 Jan 2022 17:54:26 +0100
Subject: [PATCH] refactor(useKeyPress): check if key code is string

---
 example/src/Interaction/index.tsx | 2 --
 src/hooks/useKeyPress.ts          | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/example/src/Interaction/index.tsx b/example/src/Interaction/index.tsx
index 0daf76fb..6862b280 100644
--- a/example/src/Interaction/index.tsx
+++ b/example/src/Interaction/index.tsx
@@ -51,8 +51,6 @@ const InteractionFlow = () => {
   const [captureZoomScroll, setCaptureZoomScroll] = useState<boolean>(false);
   const [captureElementClick, setCaptureElementClick] = useState<boolean>(false);
 
-  console.log(11, captureElementClick);
-
   return (
     <ReactFlow
       nodes={nodes}
diff --git a/src/hooks/useKeyPress.ts b/src/hooks/useKeyPress.ts
index 4095af3f..54fad540 100644
--- a/src/hooks/useKeyPress.ts
+++ b/src/hooks/useKeyPress.ts
@@ -30,7 +30,7 @@ export default (keyCode: KeyCode | null = null, options: UseKeyPressOptions = {
   const [keyCodes, keysToWatch] = useMemo<[Array<Keys>, Keys]>(() => {
     if (keyCode !== null) {
       const keyCodeArr = Array.isArray(keyCode) ? keyCode : [keyCode];
-      const keys = keyCodeArr.map((kc) => kc.split('+'));
+      const keys = keyCodeArr.filter((kc) => typeof kc === 'string').map((kc) => kc.split('+'));
       const keysFlat = keys.reduce((res: Keys, item) => res.concat(...item), []);
 
       return [keys, keysFlat];