From e1e7a2e67a15089b350d9a19fe97d2a4e9da043b Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 17 Dec 2025 09:10:15 -0800
Subject: [PATCH] fix(react-router): moving view stack back to generate ID

---
 .../react-router/src/ReactRouter/ReactRouterViewStack.tsx  | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/react-router/src/ReactRouter/ReactRouterViewStack.tsx b/packages/react-router/src/ReactRouter/ReactRouterViewStack.tsx
index fc1df86f6e..b875834145 100644
--- a/packages/react-router/src/ReactRouter/ReactRouterViewStack.tsx
+++ b/packages/react-router/src/ReactRouter/ReactRouterViewStack.tsx
@@ -6,7 +6,7 @@
  */
 
 import type { RouteInfo, ViewItem } from '@ionic/react';
-import { IonRoute, ViewLifeCycleManager, ViewStacks } from '@ionic/react';
+import { generateId, IonRoute, ViewLifeCycleManager, ViewStacks } from '@ionic/react';
 import React from 'react';
 import type { PathMatch } from 'react-router';
 import { Navigate, UNSAFE_RouteContext as RouteContext } from 'react-router-dom';
@@ -99,8 +99,6 @@ const resolveIndexRouteMatch = (
 };
 
 export class ReactRouterViewStack extends ViewStacks {
-  private viewItemCounter = 0;
-
   constructor() {
     super();
   }
@@ -189,8 +187,7 @@ export class ReactRouterViewStack extends ViewStacks {
       return existingViewItem;
     }
 
-    this.viewItemCounter++;
-    const id = `${outletId}-${this.viewItemCounter}`;
+    const id = `${outletId}-${generateId(outletId)}`;
 
     const viewItem: ViewItem = {
       id,