ReactJS hook for using an event listener

useEventListener.js

export function useEventListener(eventName: string, handler: () => void) {
  let savedHandler = useRef<() => void>()

  useEffect(() => {
    savedHandler.current = handler
  }, [handler])

  useEffect(() => {
    let eventListener = () => savedHandler.current?.()
    [Your event emitter here].addListener(eventName, eventListener)
    return () => {
      [Your event emitter here].removeListener(eventName, eventListener)
    }
  }, [])
}