useClickOutside
Detect interactions outside an element.
useClickOutside.tsx
import { useState, useRef } from "react";import { useClickOutside } from "@cermuel/hooks/react";export function useClickOutsideExample() { const [open, setOpen] = useState(true); const target = useRef<HTMLDivElement>(null); useClickOutside(target, () => setOpen(false)); return <div ref={target}>{open ? "Open" : "Closed"}</div>;}Props
Param
Type
Default Value
targetMaybeTarget<T>handler(event: PointerEvent | MouseEvent | TouchEvent) => voidReturns
void