Merge pull request #300 from GeorgeWL/patch-1

Keyboard Event Which is Depreciated

Author: joris-rotteveel

src/components/AccordionItemButton.tsx

@@ -22,7 +22,7 @@ const AccordionItemButton = ({
     ...rest
 }: Props) => {
     const handleKeyPress = (evt: React.KeyboardEvent<HTMLDivElement>): void => {
-        const keyCode = evt.which.toString();
+        const keyCode = evt.key;
 
         if (keyCode === keycodes.ENTER || keyCode === keycodes.SPACE) {
             evt.preventDefault();

src/helpers/keycodes.ts

@@ -1,12 +1,12 @@
 const keycodes = {
-    DOWN: '40',
-    END: '35',
-    ENTER: '13',
-    HOME: '36',
-    LEFT: '37',
-    RIGHT: '39',
-    SPACE: '32',
-    UP: '38',
+    DOWN: 'Down',
+    END: 'End',
+    ENTER: 'Enter',
+    HOME: 'Home',
+    LEFT: 'ArrowLeft',
+    RIGHT: 'ArrowRight',
+    SPACE: 'Space',
+    UP: 'ArrowUp'
 };
 
 export default keycodes;