Function useClickOutside

packages/shared/ui/Header/useClickOutside.ts:9–19

({ ref, handler }: UseClickOutsideProps<T>)

};

export function useClickOutside<T extends HTMLElement>({ ref, handler }: UseClickOutsideProps<T>) {
  useEffect(() => {
    const listener = (event: MouseEvent) => {
      if (ref.current && !ref.current.contains(event.target as Node)) {
        handler();
      }
    };
    document.addEventListener('mousedown', listener);
    return () => document.removeEventListener('mousedown', listener);
  }, [ref, handler]);
}