Как установить активное состояние для родительских элементов боковой панели с подэлементами в React с помощью Chakra Ui? ⇐ CSS

[Anonymous]

У меня есть боковая панель со списком элементов. Некоторые из этих элементов имеют подэлементы, открывающие всплывающее окно при наведении курсора на родительский элемент.
Проблема в том, что когда я нажимаю на родительский элемент, я хочу, чтобы он оставался в активном состоянии. используя стиль _activeLink. Это прекрасно работает для элементов без подэлементов, но для родительских элементов с подэлементами (обернутых в PopoverTrigger), похоже, это не работает.
Вот код для родительских элементов:< /p>



{item.icon}
{item.notificationCount > 0 && (

)}


{item.title}





Подробнее здесь: https://stackoverflow.com/questions/793 ... t-using-ch