Hooks

useClickOutside

Publisher

cermuel

50 hooks published

More from this publisher

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
target
MaybeTarget<T>
handler
(event: PointerEvent | MouseEvent | TouchEvent) => void

Returns

void