React IonTabs as nested route

Hey there,

I am trying to implement Tabs layout for some of the routes an non Tab layout for the others.

For example, I want my login page to have no Tabs, and then only after user is Authed to move to the tabs layout which has the rest of the pages.

Has anyone implemented such a flow?

The problem I run into is An IonRouterOutlet should also not be a descendant from another IonRouterOutlet

I tried using the login route out of the router outlet but then the navigation gets messed up.

Also tried just Hiding the IonTabBar on certain routes but I get an error that IonTabs must have an IonTabBar as a child.