@ionic/react 8.3.1-nightly.20240912 → 8.3.1-nightly.20240916

package/dist/index.js

@@ -1963,7 +1963,7 @@ class IonTabBarUnwrapped extends React.PureComponent {
         };
     }
     onTabButtonClick(e, onClickFn) {
-        var _a;
+        var _a, _b;
         const tappedTab = this.state.tabs[e.detail.tab];
         const originalHref = tappedTab.originalHref;
         /**
@@ -1994,8 +1994,10 @@ class IonTabBarUnwrapped extends React.PureComponent {
             if (this.props.onIonTabsDidChange) {
                 this.props.onIonTabsDidChange(new CustomEvent('ionTabDidChange', { detail: { tab: e.detail.tab } }));
             }
-            this.setActiveTabOnContext(e.detail.tab);
-            this.context.changeTab(e.detail.tab, currentHref, e.detail.routeOptions);
+            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);
+            }
         }
     }
     renderTabButton(activeTab) {
@@ -2143,9 +2145,6 @@ 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));
         }
@@ -2187,9 +2186,9 @@ const IonTabs = /*@__PURE__*/ (() => class extends React.Component {
                 }
                 return child;
             })))) : (React.createElement("div", Object.assign({ className: className ? `${className}` : 'ion-tabs' }, props, { style: hostStyles }),
-            tabBar.props.slot === 'top' ? tabBar : null,
+            (tabBar === null || tabBar === void 0 ? void 0 : tabBar.props.slot) === 'top' ? tabBar : null,
             React.createElement("div", { style: tabsInner, className: "tabs-inner" }, outlet),
-            tabBar.props.slot === 'bottom' ? tabBar : null))));
+            (tabBar === null || tabBar === void 0 ? void 0 : tabBar.props.slot) === 'bottom' ? tabBar : null))));
     }
     static get contextType() {
         return NavContext;