From ab3971d302a33dc376047d068ee3c51cf3f7f7ca Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Fri, 29 Apr 2022 11:37:49 +0200
Subject: [PATCH] fix(nuxt): use suspense for child pages on client-side
 navigation (#4677)

---
 packages/nuxt/src/pages/runtime/page.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/pages/runtime/page.ts b/packages/nuxt/src/pages/runtime/page.ts
index 8288b7fb59..55428b7873 100644
--- a/packages/nuxt/src/pages/runtime/page.ts
+++ b/packages/nuxt/src/pages/runtime/page.ts
@@ -26,7 +26,7 @@ export default defineComponent({
         default: (routeProps: RouterViewSlotProps) => routeProps.Component &&
             _wrapIf(Transition, routeProps.route.meta.pageTransition ?? defaultPageTransition,
               wrapInKeepAlive(routeProps.route.meta.keepalive,
-                isNested
+                isNested && nuxtApp.isHydrating
                   // Include route children in parent suspense
                   ? h(routeProps.Component, { key: generateRouteKey(props.pageKey, routeProps) } as {})
                   : h(Suspense, {