Fix history navigation issue

packages/core/src/router.ts

@@ -31,6 +31,7 @@ import {
 } from './types'
 import { hrefToUrl, mergeDataIntoQueryString, urlWithoutHash } from './url'
 
+const isChromeIOS = /CriOS/.test(navigator.userAgent)
 const isServer = typeof window === 'undefined'
 const cloneSerializable = <T>(obj: T): T => JSON.parse(JSON.stringify(obj))
 const nextFrame = (callback: () => void) => {
@@ -494,14 +495,24 @@ export class Router {
 
   protected pushState(page: Page): void {
     this.page = page
-    // Defer history.pushState to the next event loop tick to prevent timing conflicts.
-    // Ensure any previous history.replaceState completes before pushState is executed.
-    setTimeout(() => window.history.pushState(cloneSerializable(page), '', page.url))
+    if (isChromeIOS) {
+      // Defer history.pushState to the next event loop tick to prevent timing conflicts.
+      // Ensure any previous history.replaceState completes before pushState is executed.
+      setTimeout(() => window.history.pushState(cloneSerializable(page), '', page.url))
+    } else {
+      window.history.pushState(cloneSerializable(page), '', page.url)
+    }
   }
 
   protected replaceState(page: Page): void {
     this.page = page
-    window.history.replaceState(cloneSerializable(page), '', page.url)
+    if (isChromeIOS) {
+      // Defer history.replaceState to the next event loop tick to prevent timing conflicts.
+      // Ensure any previous history.pushState completes before replaceState is executed.
+      setTimeout(() => window.history.replaceState(cloneSerializable(page), '', page.url))
+    } else {
+      window.history.replaceState(cloneSerializable(page), '', page.url)
+    }
   }
 
   protected handlePopstateEvent(event: PopStateEvent): void {