File size: 647 Bytes
5710dd0 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | import { useEffect, RefObject } from "react";
export function useClickOutside(refs: RefObject<HTMLElement | null>[], isActive: boolean, onClickOutside: () => void): void {
useEffect(() => {
if (!isActive) {
return;
}
const handleClick = (e: MouseEvent) => {
const target = e.target as Node;
const isOutside = refs.every((ref) => ref.current && !ref.current.contains(target));
if (isOutside) {
onClickOutside();
}
};
document.addEventListener("mousedown", handleClick);
return () => document.removeEventListener("mousedown", handleClick);
}, [refs, isActive, onClickOutside]);
}
|