const rootEl = useRef(null);
useEffect(() => {
const onClick = e => rootEl.current.contains(e.target) || console.log('клик вне компонента');
document.addEventListener('click', onClick);
return () => document.removeEventListener('click', onClick);
}, []);
return (
<div ref={rootEl}>
...
</div>
);