function useOutsideClickAlerter()

in sae-viewer/src/components/tooltip.tsx [9:24]

• 8 lines of code
• 1 McCabe index (conditional complexity)

function useOutsideClickAlerter(ref, fn) {
  React.useEffect(() => {
    /**
     * Alert if clicked on outside of element
     */
    function handleClickOutside(event) {
      if (ref.current && !ref.current.contains(event.target)) { fn() }
    }
    // Bind the event listener
    document.addEventListener("mousedown", handleClickOutside);
    return () => {
      // Unbind the event listener on clean up
      document.removeEventListener("mousedown", handleClickOutside);
    };
  }, [ref]);
}