Helper to detect click outside of element

onClickOutside.tsx

export const onClickOutside = (element: HTMLElement, callback: Function) => {
    const handler = ({ target }: Event) => {
        let currentElement = target;

        do {
            if (currentElement === element) {
                return;
            }

            if (currentElement) {
                ({ parentNode: currentElement } =
                    currentElement as HTMLElement);
            }
        } while (currentElement);

        callback();
    };

    document.addEventListener('click', handler);

    return () => document.removeEventListener('click', handler);
};