Close on click out

Header.tsx

useEffect(() => {
    const checkClickedOutside = (ev: MouseEvent) => {
      console.log("Click");
      if (
        isDropdownOpen &&
        ref.current &&
        !ref.current.contains(ev.target as Node)
      ) {
        setDropdownOpen(false);
      }
    };
    document.addEventListener("mousedown", checkClickedOutside);

    return () => {
      document.removeEventListener("mousedown", checkClickedOutside, {
        capture: true,
      });
    };
  }, [isDropdownOpen]);