How to use

const Component = () => {
  const rootRef = useRef<HTMLDivElement>()
  const [isOpen, setIsOpen] = React.useState(false)

  useClickOutside(isOpen, setIsOpen, rootRef)

  return (
    <div ref={rootRef}>
      <button>{isOpen ? 'Open dropdown' : 'Close dropdown'}</button>

      {isOpen && <MyDropdown />}
    </div>
  )
}