5.11. Добавит типизацию хука useElementListener

Отдельно добавим типизацию хука useElementListener.
htmlacademy-react · Dec 1, 2023 · 8c08e34 · 8c08e34
1 parent 0826b76
commit 8c08e34
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/hooks/use-element-listener.ts b/src/hooks/use-element-listener.ts
@@ -1,9 +1,9 @@
 import {RefObject, useEffect} from 'react';
 
-export const useElementListener = (
-  eventName: string,
-  element: RefObject<HTMLElement>,
-  listener: (evt: Event) => void
+export const useElementListener = <K extends keyof HTMLElementEventMap, T extends HTMLElement>(
+  eventName: K,
+  element: RefObject<T>,
+  listener: (evt: HTMLElementEventMap[K]) => void
 ) => {
 
   useEffect(() => {