diff --git a/packages/next/client/app-index.tsx b/packages/next/client/app-index.tsx
index c8ede9eaa67da..86b515ec0fb5a 100644
--- a/packages/next/client/app-index.tsx
+++ b/packages/next/client/app-index.tsx
@@ -186,7 +186,9 @@ export function hydrate() {
   const isError = document.documentElement.id === '__next_error__'
   const reactRoot = isError
     ? (ReactDOMClient as any).createRoot(appElement)
-    : (ReactDOMClient as any).hydrateRoot(appElement, reactEl)
+    : (React as any).startTransition(() =>
+        (ReactDOMClient as any).hydrateRoot(appElement, reactEl)
+      )
   if (isError) {
     reactRoot.render(reactEl)
   }