21 lines
560 B
TypeScript
21 lines
560 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
export function useOutsideClick(ref: any, callback: any) {
|
|
useEffect(() => {
|
|
const listener = (event: any) => {
|
|
const isClickedOutside = !ref?.current?.contains(event.target);
|
|
if (isClickedOutside) {
|
|
callback();
|
|
}
|
|
};
|
|
|
|
document.addEventListener('mousedown', listener);
|
|
document.addEventListener('touchstart', listener);
|
|
|
|
return () => {
|
|
document.removeEventListener('mousedown', listener);
|
|
document.removeEventListener('touchstart', listener);
|
|
};
|
|
}, [ref]);
|
|
}
|