Николай, приветствую!

Добавляю такой код:

const [citiesOpened, citiesOpenedSetter] = useState(false) const toggleMenuCities = () => { if(citiesOpened){ citiesOpenedSetter(false) } else { citiesOpenedSetter(true) } }
И повесил на:

<button //href={`/city/${coordsUrl}`} onClick={toggleMenuCities} title="Пивная карта по городам" className="dropdown-toggle" data-toggle="dropdown" >
Заменив ссылку на кнопку.

В стиле списка городов - display: citiesOpened ? 'block' : 'none',

Но возникает ошибка:

Unhandled Runtime Error

TypeError: Cannot read property 'length' of undefined
Source
src/pages/_App/Layout/MainMenu/index.tsx (149:33) @ MainMenu
147 | const [opened, openedSetter] = useState(false) 148 | > 149 | const toggleMenu = useCallback(() => { | ^ 150 | openedSetter(!opened) 151 | }, [opened]) 152 |

Где я не прав?