I have made a menu item component that has 3 variants, state, background and with counter.
I put that menu item into another component which is bottom menu. I have instances of menu item inside the menu component. When I select each menu item inside that menu component, I can see and change its variants and it works fine. But when I make an instance of that bottom menu into each page, the menu item variants don’t work, like I change from default to active and it doesn’t show the variant. Very weird and doesn’t make sense to me. Can anyone explain and show how to fix it?