reactuals/dist/hooks/useClickAnywhere.js

A useful package providing a collection of 50+ React hooks and utilities to simplify React development.

import { useEffect } from "react";
export function useClickAnywhere(handler) {
    useEffect(() => {
        document.addEventListener("click", handler);
        window.addEventListener("click", handler);
        return () => {
            document.removeEventListener("click", handler);
            window.removeEventListener("click", handler);
        };
    }, [handler]);
}