Function useOutsideClick

packages/shared/src/hooks/utils/useOutsideClick.ts:4–25

(
  ref: RefObject<HTMLElement>,
  callback: (e: MouseEvent) => void,
  enabled: boolean,
)

import { useEventListener } from '../useEventListener';

export const useOutsideClick = (
  ref: RefObject<HTMLElement>,
  callback: (e: MouseEvent) => void,
  enabled: boolean,
): void => {
  useEventListener(
    typeof window === 'undefined' ? null : window,
    'click',
    (e) => {
      if (!enabled) {
        return;
      }

      const currentElement = ref.current;
      if (!currentElement || currentElement.contains(e.target as Node)) {
        return;
      }

      callback(e);
    },
  );
};