Robin Malfait
20 lines
571 B
TypeScript
20 lines
571 B
TypeScript
import { useEffect } from 'react'
|
|
import { useLatestValue } from './use-latest-value'
|
|
|
|
export function useWindowEvent<TType extends keyof WindowEventMap>(
|
|
type: TType,
|
|
listener: (ev: WindowEventMap[TType]) => any,
|
|
options?: boolean | AddEventListenerOptions
|
|
) {
|
|
let listenerRef = useLatestValue(listener)
|
|
|
|
useEffect(() => {
|
|
function handler(event: WindowEventMap[TType]) {
|
|
listenerRef.current(event)
|
|
}
|
|
|
|
window.addEventListener(type, handler, options)
|
|
return () => window.removeEventListener(type, handler, options)
|
|
}, [type, options])
|
|
}
|