I was trying to get innterText/Menu Title with onclick event in React. It's getting the menu title properly but every time it's getting clicked it's just putting the same title again and again. (i.e. Menu Title Menu Title) how can I prevent this? Thanks in advance.

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>

I have tried like this but not working

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