useOutsideAlerter

Detect clicks outside a referenced element. Returns hasClickedOutside and an onReset helper. Used internally by useDisclosure.

import { useOutsideAlerter } from "@empreint/ui";
import { useRef, useEffect } from "react";

const ref = useRef<HTMLDivElement>(null);
const { hasClickedOutside, onReset } = useOutsideAlerter(ref);

useEffect(() => {
	if (hasClickedOutside) {
		// handle outside click
		onReset();
	}
}, [hasClickedOutside, onReset]);

<div ref={ref}>...</div>;

Parameters

Prop

Type

Returns

Prop

Type