Function: handleClickOutside()

[object Object]

Defined in: app/components/Menu/NavBar/ProfileDropdown/ProfileDropdown.handlers.tsx:59

Detects clicks outside of the dropdown element to trigger an automatic close.

Designed to be used within a window or document click event listener.

handleClickOutside

Parameters

event

[object Object]

The native DOM mouse event.

dropdownRef

RefObject<HTMLDivElement | null>

A ref to the dropdown container to check for containment.

setIsOpen

Dispatch<SetStateAction<boolean>>

State setter to force close the menu.

Returns

[object Object]

Example

useEffect(() => {
const handler = (e) => handleClickOutside(e, myRef, setIsOpen);
document.addEventListener("mousedown", handler);
return () => document.removeEventListener("mousedown", handler);
}, []);