Function useOnClickOutside

useOnClickOutside<T extends HTMLElement = HTMLElement>(
    ref: RefObject<T | null>,
    handler: Handler,
    mouseEvent?: "mousedown" | "mouseup",
): void
Custom hook to detect clicks outside of a specified element.

This hook sets up an event listener that triggers the provided handler when a click is detected outside the specified element. Uses the capture phase on document so that the listener fires even when intermediate elements call stopPropagation().
Type Parameters
- T extends HTMLElement = HTMLElement
  The type of the target element.
Parameters
- ref: RefObject<T | null>
  A ref object pointing to the target element.
- handler: Handler
  The function to call when a click outside the element is detected.
- OptionalmouseEvent: "mousedown" | "mouseup" = "mousedown"
  The type of mouse event to listen for.
Returns void
Example
```
const ref = useRef<HTMLDivElement>(null);
useOnClickOutside(ref, () => {
  console.log('Clicked outside the element');
});
```
- Defined in hooks/useOnClickOutside.ts:25