const Navbar = ( props:Props) => {
    const [open, setOpen] = useState(false);
    const navRef = useRef<HTMLDivElement>(null);
    const location = useLocation();
    console.log("ads")
    useEffect(() => {
      console.log("adabs")
      const listen = () => {
        const nav = navRef.current;
        console.log("adfasdsas", !!nav, document.body.scrollTop)
        if (!nav) return;
        if (document.documentElement.scrollTop > 40) {
          nav.classList.add("black");
        } else {
          nav.classList.remove("black");
        }
      }
      window.addEventListener("scroll", listen)
      listen();
      return () => {
        window.removeEventListener("scroll", listen)
      }
    }, [location]);