Creo una barra de navegación con reaccionar, viento de cola y Daisy. UI y react_router_dom y cuando va a otra página todavía está abierto, y quiero que se cierre después de ir a otra página.

 <div class="drawer"> <input id="my-drawer-3" type="checkbox" class="drawer-toggle" /> <div class="drawer-content flex flex-col"> <div class="w-full navbar bg-base-100"> <img src={Logo} className=' ml-3 w-40 justify-end mr-auto' alt="" /> <div class="flex-none lg:hidden"> <label for="my-drawer-3" class=""> <HiMenuAlt3 className='btn btn-square btn-ghost w-'/> </label> </div> <div class="flex-none hidden lg:block font-semiBold"> <ul class="menu menu-horizontal"> <Link to='/' id='a' className='mr-20 a'>Games</Link> <Link to='/about-us' id='a' className='mr-20 a'>Hardware</Link> <Link to='' id='a' className='mr-20 a'>Services</Link> <Link to='' id='a' className='mr-20 a'>News</Link> <img src={ShoppingBag} className='w-6 -ml-6 mr-5 cursor-pointer' alt="shopping-bag" /> </ul> </div> </div> children