@rendr-view/use-outside-alerter

A React hook that can trigger a callback function when the user interacts with any content outside the target element.

Installation

1yarn add @rendr-view/use-outside-alerter

Example usage

1function Comp() {
2  const ref = React.useRef();
3
4  useOutsideAlerter(
5    ref,
6    () => {
7      // the user has clicked outside the modal, you may want to close it
8    },
9  );
10
11  return <div ref={ref} className="Modal">{...content}</div>
12}