use-outside-click-ref

About

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

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/>)

Join Bhargav's discord server

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.