useOutsideClick

useOutsideClick is a custom hook that handles click events outside a specific DOM element, like a div. A handler is invoked when a click or touch event happens outside the referenced element.

This hook is compatible with mouse and touch events.

Import#

import { useOutsideClick } from '@chakra-ui/react'

Usage#

Parameters#

The useOutsideClick hook accepts an object with the following properties: