fix: dont rely on document prop in useKey handler (#259)

lukasbach · May 2, 2023 · 2c7d8bc · 2c7d8bc
1 parent d2ae8f5
commit 2c7d8bc
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/packages/core/src/hotkeys/useKey.ts b/packages/core/src/hotkeys/useKey.ts
@@ -5,13 +5,17 @@ export const useKey = (
   onHit: (e: KeyboardEvent) => void,
   active?: boolean
 ) => {
-  useHtmlElementEventListener(document, 'keydown', e => {
-    if (!active) {
-      return;
-    }
+  useHtmlElementEventListener(
+    typeof document !== 'undefined' ? document : undefined,
+    'keydown',
+    e => {
+      if (!active) {
+        return;
+      }
 
-    if (active && key.toLowerCase() === e.key.toLowerCase()) {
-      onHit(e);
+      if (active && key.toLowerCase() === e.key.toLowerCase()) {
+        onHit(e);
+      }
     }
-  });
+  );
 };