Fix useEventListener not accepting global event handlers

wojtekmaj · Apr 20, 2023 · 16e3273 · 16e3273
1 parent 75c705e
commit 16e3273
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/useEventListener.ts b/src/useEventListener.ts
@@ -1,5 +1,8 @@
 import { useEffect } from 'react';
 
+type GlobalAndWindowEventHandlersEventMap = WindowEventHandlersEventMap &
+  GlobalEventHandlersEventMap;
+
 /**
  * Adds event listener to a given element.
  *
@@ -13,10 +16,10 @@ export default function useEventListener(
   type: string,
   listener: EventListenerOrEventListenerObject,
 ): void;
-export default function useEventListener<U extends keyof WindowEventHandlersEventMap>(
+export default function useEventListener<U extends keyof GlobalAndWindowEventHandlersEventMap>(
   element: Window | null,
   type: U,
-  listener: (event: WindowEventHandlersEventMap[U]) => void,
+  listener: (event: GlobalAndWindowEventHandlersEventMap[U]) => void,
 ): void;
 export default function useEventListener<U extends keyof DocumentEventMap>(
   element: Document | null,