diff --git a/packages/react-router/test/base/src/App.tsx b/packages/react-router/test/base/src/App.tsx
index 39dd26153f..9e561c8d71 100644
--- a/packages/react-router/test/base/src/App.tsx
+++ b/packages/react-router/test/base/src/App.tsx
@@ -58,7 +58,7 @@ const App: React.FC = () => {
           <Route path="/replace-action/page2" element={<Page2 />} />
           <Route path="/replace-action/page3" element={<Page3 />} />
           <Route path="/replace-action" element={<Navigate to="/replace-action/page1" replace />} />
-          <Route path="/tab-context" element={<TabsContext />} />
+          <Route path="/tab-context/*" element={<TabsContext />} />
           <Route path="/outlet-ref" element={<OutletRef />} />
           <Route path="/swipe-to-go-back" element={<SwipeToGoBack />} />
           <Route path="/dynamic-ionpage-classnames" element={<DynamicIonpageClassnames />} />
diff --git a/packages/react-router/test/base/src/pages/tab-context/TabContext.tsx b/packages/react-router/test/base/src/pages/tab-context/TabContext.tsx
index e2fe7274d3..c76a60b342 100644
--- a/packages/react-router/test/base/src/pages/tab-context/TabContext.tsx
+++ b/packages/react-router/test/base/src/pages/tab-context/TabContext.tsx
@@ -25,9 +25,9 @@ const TabsContext: React.FC<TabsContextProps> = () => {
   return (
     <IonTabs>
       <IonRouterOutlet id="tabs">
-        <Route path="/tab-context/tab1" element={<Tab1 />} />
-        <Route path="/tab-context/tab2" element={<Tab2 />} />
-        <Route path="/tab-context" element={<Navigate to="/tab-context/tab1" replace />} />
+        <Route index element={<Navigate to="/tab-context/tab1" replace />} />
+        <Route path="tab1" element={<Tab1 />} />
+        <Route path="tab2" element={<Tab2 />} />
       </IonRouterOutlet>
       <IonTabBar slot="bottom">
         <IonTabButton tab="tab1" href="/tab-context/tab1" routerOptions={{ unmount: true }}>