20 lines
505 B
TypeScript
20 lines
505 B
TypeScript
import { useEffect } from "react";
|
|
|
|
export const useClickOutside = (
|
|
ref: React.RefObject<HTMLElement>,
|
|
callback: () => void
|
|
) => {
|
|
useEffect(() => {
|
|
const handleClickOutside = (event: MouseEvent) => {
|
|
if (ref.current && !event.composedPath().includes(ref.current)) {
|
|
callback();
|
|
}
|
|
};
|
|
|
|
document.addEventListener("mousedown", handleClickOutside);
|
|
|
|
return () => {
|
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
};
|
|
}, [ref, callback]);
|
|
}; |