<div> <div onClick={()={closeMenu()}}> <Dashboard /> </div> <Navbar /> </div>

Tengo una aplicación donde en la barra de navegación tengo un botón en el que se puede hacer clic que cuando se hace clic muestra un menú. También tuve que hacer que cuando haga clic en cualquier parte de la página, el menú se oculte, así que usé los estados en la parte superior del árbol. El problema es que cada vez que abro o cierro el menú, fuerza un renderizado (¿creo?) Ya que el estado está en la parte superior. ¿Cómo puedo abordar esto para evitar volver a renderizar? Usememo en este caso no funcionaría ya que el booleano/estado siempre cambiará y activará un renderizado a menos que me falte algo.