Estaba tratando de obtener el título del menú/texto interno con el evento onclick en React. Obtiene el título del menú correctamente, pero cada vez que se hace clic en él, solo se coloca el mismo título una y otra vez. (es decir, Título del menú Título del menú) ¿Cómo puedo evitar esto? Gracias por adelantado.

 const [menuName, setMenuName] = useState() const handleMenuName = (event) => { setMenuName(event.target.innerText) } console.log(menuName) //output Menu Title Menu Title Menu Title... <div onClick={(event) => handleMenuName(event)}>Menu Title</div>

He intentado así pero no funciona

 const handleMenuName = (event) => { const menusName = event.target.innerText setMenuName((prevState) => { console.log(prevState === menusName) if (prevState === menusName) return return menusName }) }