Close on click outside in react (for custom dropdown components)

closeOnClickOutside.jsx

const CustomDropdown = () => {
  const [isOpen, setIsOpen] = useState(false);

  const handleBlur = e => {
      const currentTarget = e.currentTarget;
      setTimeout(() => {
        if (!currentTarget.contains(document.activeElement)) {
          setIsOpen(false);
        }
      }, 0);
    };

  <div tabIndex="0" onBlur={handleBlur}>
        // Your custom dropdown goes here
  </div>
}