fix: useEventListeners hook

ocadotechnology · Jun 26, 2023 · 623031e · 623031e
1 parent dad27dc
commit 623031e
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/src/hooks.ts b/src/hooks.ts
@@ -2,7 +2,8 @@ import {
   useEffect,
   useState,
   Dispatch,
-  SetStateAction
+  SetStateAction,
+  DependencyList
 } from 'react';
 
 export function useFreshworksWidget(display: 'open' | 'hide'): void {
@@ -97,3 +98,26 @@ export function useCountdown(
 
   return [_seconds, _setSeconds];
 }
+
+export function useEventListener<
+  EventType extends keyof HTMLElementEventMap
+>(
+  element: HTMLElement,
+  type: EventType,
+  listener: (this: HTMLElement, ev: HTMLElementEventMap[EventType]) => any,
+  {
+    options,
+    deps = []
+  }: {
+    options?: boolean | AddEventListenerOptions,
+    deps?: DependencyList
+  }
+): void {
+  useEffect(() => {
+    element.addEventListener(type, listener, options);
+
+    return () => {
+      element.removeEventListener(type, listener, options);
+    };
+  }, deps);
+}