Websites v4 docs v5.2.4
    Preparing search index...

    Function useOnClickOutside

    • Run a callback when a click is detected outside area(s) of refs.

      Type Parameters

      • T extends HTMLElement

      Parameters

      • refs: RefObject<unknown>[]
      • handler: (event: MouseEvent | FocusEvent) => void

      Returns void

        const ref = useRef<HTMLDivElement>(null);

      useOnClickOutside([ref], () => {
      console.log('Clicked outside');
      });

      return <div ref={ref} />