Multiple IonTabs + IonMenu brеаks navigation

To demonstrate the problem I’ve created the default sidemenu ionic/react app and added two independent tab roots which are accessed from the side menu. TabRoot1 contains Tab1 and Tab2 and TabRoot2 contains Tab3 and Tab4. Each TabRoot has its own IonRouterOutlet defining the routes to its tabs.

Everything works fine on the first visit to any tab root/tab, once you switch between tab roots in the side menu the navigation gets broken. What am I missing? Already spent 3 days on this without any solution at all.

The complete demo project code can be found here:

Thanks in advance.

1 Like