useOnClickOutside

go previousgo next

A hook to handle clicks outside of a component.

Installation

pnpm dlx shadcn@latest add https://mhl5.vercel.app/r/useOnClickOutside.json

Usage

import useOnClickOutside from "@/hooks/useOnClickOutside";


const modalRef = useRef<HTMLDivElement>(null);

useOnClickOutside(modalRef, (event) => {
  console.log("Clicked outside the modal!");
  setIsOpen(false);
});