Как отловить клик не по элементу

Есть компонент DropDown, который раскрывается при клике по button:

    const DropDown = (props) => {
    const [isVisibleDopDown, setIsVisibleDropDown] = useState(false)

    const toggleVisibleDropDown = (e) => {
        setIsVisibleDropDown(!isVisibleDopDown)
    }

    return (
        <div className="drop-down">
            <Button
                handleClick={toggleVisibleDropDown}
                cusStyle={`button button_drop-down-menu ${isVisibleDopDown === true ? 'button_drop-down-menu_visible' : ''}`}
                text={'Сотрудники'}
            />
            <ul className={`drop-down__container ${isVisibleDopDown === true ? 'drop-down__container_visible' : ''}`}>
                <Group />
                <Group />
            </ul>
        </div>
    )
}

Как я могу отловить клик вне элемента кнопки, учитывая, что внутри if-else я не могу использовать setIsVisibleDropDown()