Skip to main content
Version: 5.0.3



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


npm install --save rooks

Importing the hook#

import { useOutsideClickRef } from 'rooks';


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

Codesandbox Examples#

Basic usage#

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.

Last updated on by imbhargav5