@ionic/react 8.3.1-dev.11726241210.1ab7a0ab → 8.3.1-dev.11727899155.103c4afc

package/dist/index.js

@@ -1963,7 +1963,7 @@ class IonTabBarUnwrapped extends React.PureComponent {
         };
     }
     onTabButtonClick(e, onClickFn) {
-        var _a, _b;
+        var _a;
         const tappedTab = this.state.tabs[e.detail.tab];
         const originalHref = tappedTab.originalHref;
         /**
@@ -1994,10 +1994,8 @@ class IonTabBarUnwrapped extends React.PureComponent {
             if (this.props.onIonTabsDidChange) {
                 this.props.onIonTabsDidChange(new CustomEvent('ionTabDidChange', { detail: { tab: e.detail.tab } }));
             }
-            if ((_b = this.props.routerOutletRef) === null || _b === void 0 ? void 0 : _b.current) {
-                this.setActiveTabOnContext(e.detail.tab);
-                this.context.changeTab(e.detail.tab, currentHref, e.detail.routeOptions);
-            }
+            this.setActiveTabOnContext(e.detail.tab);
+            this.context.changeTab(e.detail.tab, currentHref, e.detail.routeOptions);
         }
     }
     renderTabButton(activeTab) {
@@ -2145,6 +2143,9 @@ const IonTabs = /*@__PURE__*/ (() => class extends React.Component {
         if (outlet && hasTab) {
             throw new Error('IonTabs cannot contain an IonRouterOutlet and an IonTab at the same time');
         }
+        if (!tabBar) {
+            throw new Error('IonTabs needs a IonTabBar');
+        }
         if (hasTab) {
             return React.createElement(IonTabsInner, Object.assign({}, this.props));
         }
@@ -2186,9 +2187,9 @@ const IonTabs = /*@__PURE__*/ (() => class extends React.Component {
                 }
                 return child;
             })))) : (React.createElement("div", Object.assign({ className: className ? `${className}` : 'ion-tabs' }, props, { style: hostStyles }),
-            (tabBar === null || tabBar === void 0 ? void 0 : tabBar.props.slot) === 'top' ? tabBar : null,
+            tabBar.props.slot === 'top' ? tabBar : null,
             React.createElement("div", { style: tabsInner, className: "tabs-inner" }, outlet),
-            (tabBar === null || tabBar === void 0 ? void 0 : tabBar.props.slot) === 'bottom' ? tabBar : null))));
+            tabBar.props.slot === 'bottom' ? tabBar : null))));
     }
     static get contextType() {
         return NavContext;