File size: 704 Bytes
246d201 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
import React from "react";
/**
* Hook to call a callback function when an element is clicked outside
* @param callback The callback function to call when the element is clicked outside
*/
export const useClickOutsideElement = <T extends HTMLElement>(
callback: () => void,
) => {
const ref = React.useRef<T>(null);
React.useEffect(() => {
const handleClickOutside = (event: MouseEvent) => {
if (ref.current && !ref.current.contains(event.target as Node)) {
callback();
}
};
document.addEventListener("click", handleClickOutside);
return () => document.removeEventListener("click", handleClickOutside);
}, []);
return ref;
};
|