Check click outside element target

useOneClickOutside.ts

import { useEffect, useState, useRef } from "react";

function useOneClickOutside() {
  const node = useRef(null);
  const [open, setOpen] = useState(false);

  const handleClickOutside = (e) => {
    if (node.current.contains(e.target)) {
      return;
    }

    setOpen(false);
  };

  useEffect(() => {
    if (open) {
      document.addEventListener("mousedown", handleClickOutside);
    } else {
      document.removeEventListener("mousedown", handleClickOutside);
    }

    return () => {
      document.removeEventListener("mousedown", handleClickOutside);
    };
  }, [open]);

  return {
    node,
    open,
    setOpen
  };
}

export default useOneClickOutside;