Nested routes/pages inside IonTabs? (v4 React)

I’m having a heck of a time getting nested routes to work inside an IonTabs component. Is this basic structure allowed?

All goes well for a while, but hitting the tab button again to return to the /shop root seems to make the other pages permanently disappear. I suspect there is a bug in IonRouterOutlet because if I remove it (and <IonTabs>) navigation works fine.

              <Route path="/:tab(shop)" component={Shop} />
              <Route path="/:tab(shop)/:item" component={Item} />
              <Route path="/:tab(shop)/:item/detail" component={Detail} />
            <IonTabBar slot="bottom">
              <IonTabButton tab="shop" href="/shop">
                <IonIcon icon={pricetag} />

have a working project here -

1 Like

FYI it was this bug: