How to let me automatically close the navbar when I click the navbar to switch the page to the next page?

[sxadxsx]

How to let me automatically close the navbar when I click the navbar to switch the page to the next page?

[phoskee]

const location = useLocation();

  useEffect(() => {
    const navbarCollapse = document.getElementById("AAA");
    if (navbarCollapse) {
      navbarCollapse.classList.add("hidden");
    }
    console.log("URL changed:", location.pathname);
  }, [location.pathname]);

...

<NavbarCollapse id="AAA">

Using this "trick" helps achieve the goal, but it makes the minus button unstable (you have to click it twice to open)
I also tried to bind the boolean of the hidden props, <NavbarCollapse hidden={{someVAR}> but if it is changed there it doesn't open anymore.