@itwin/itwinui-react/esm/utils/hooks/useEventListener.js

A react component library for iTwinUI

import * as React from 'react';
export const useEventListener = (eventName, handler, element) => {
  let savedHandler = React.useRef(void 0);
  React.useEffect(() => {
    savedHandler.current = handler;
  }, [handler]);
  React.useEffect(() => {
    if (!element) return;
    let eventListener = (event) => savedHandler.current?.(event);
    element.addEventListener(eventName, eventListener);
    return () => {
      element.removeEventListener(eventName, eventListener);
    };
  }, [eventName, element]);
};