mirror of
https://github.com/rowboatlabs/rowboat.git
synced 2026-04-27 01:16:23 +02:00
23 lines
No EOL
725 B
TypeScript
23 lines
No EOL
725 B
TypeScript
import { useEffect, RefObject } from 'react';
|
|
|
|
export function useClickAway(
|
|
ref: RefObject<HTMLElement | null>,
|
|
handler: (event: MouseEvent | TouchEvent) => void
|
|
) {
|
|
useEffect(() => {
|
|
const listener = (event: MouseEvent | TouchEvent) => {
|
|
if (!ref.current || ref.current.contains(event.target as Node)) {
|
|
return;
|
|
}
|
|
handler(event);
|
|
};
|
|
|
|
document.addEventListener('mousedown', listener);
|
|
document.addEventListener('touchstart', listener);
|
|
|
|
return () => {
|
|
document.removeEventListener('mousedown', listener);
|
|
document.removeEventListener('touchstart', listener);
|
|
};
|
|
}, [ref, handler]);
|
|
}
|