Skip to main content
Version: v3.6.0

@rooks/use-outside-click-ref

A hook that can track a click event outside a ref. Returns a callbackRef.

Build Status

Installation

npm install --save @rooks/use-outside-click-ref

Importing the hook

import useOutsideClickRef from "@rooks/use-outside-click-ref"

Usage

function Demo() {
function outsidePClick() {
alert("Clicked outside p");
}
const [ref] = useOutsideClickRef(outsidePClick);
return (
<div>
<p ref={ref}>Click outside me</p>
</div>
);
}

render(<Demo/>)