code · pull · Feb 21, 2026 · Feb 21, 2026
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/layout.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/layout.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from 'react'
+
+export default function Root({ children }: { children: ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/learn/layout.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/learn/layout.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from 'react'
+import { getUser } from '../lib/get-user'
+import { UserProvider } from '../user-provider'
+
+export default function LearnLayout({ children }: { children: ReactNode }) {
+  const userPromise = getUser()
+
+  return <UserProvider userPromise={userPromise}>{children}</UserProvider>
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/learn/page.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/learn/page.tsx
@@ -0,0 +1,12 @@
+import { UserCardShell } from '../user-card-shell'
+
+export default async function LearnPage() {
+  'use cache'
+
+  return (
+    <main>
+      <h1>Learn</h1>
+      <UserCardShell />
+    </main>
+  )
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/lib/get-user.ts b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/lib/get-user.ts
@@ -0,0 +1,12 @@
+import { cookies } from 'next/headers'
+
+export async function getUser(): Promise<{ name: string }> {
+  const cookieStore = await cookies()
+  const userCookie = cookieStore.get('user')
+
+  if (!userCookie) {
+    return { name: 'Guest' }
+  }
+
+  return { name: userCookie.value }
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/page.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/page.tsx
@@ -0,0 +1,12 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <main>
+      <h1>User promise demo</h1>
+      <Link href="/learn" id="learn-link">
+        Go to learn
+      </Link>
+    </main>
+  )
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-card-shell.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-card-shell.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import { Suspense } from 'react'
+import { UserCard } from './user-card'
+
+export function UserCardShell() {
+  return (
+    <Suspense fallback={<p id="fallback">loading</p>}>
+      <UserCard />
+    </Suspense>
+  )
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-card.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-card.tsx
@@ -0,0 +1,9 @@
+'use client'
+
+import { useUser } from './user-provider'
+
+export function UserCard() {
+  const user = useUser()
+
+  return <p id="user">user: {user?.name ?? 'unknown'}</p>
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-provider.tsx b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/app/user-provider.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import { createContext, ReactNode, use } from 'react'
+
+type User = { name: string } | undefined
+
+const UserContext = createContext<Promise<User> | null>(null)
+UserContext.displayName = 'UserContext'
+
+export function UserProvider({
+  children,
+  userPromise,
+}: {
+  children: ReactNode
+  userPromise: Promise<User>
+}) {
+  return (
+    <UserContext.Provider value={userPromise}>{children}</UserContext.Provider>
+  )
+}
+
+export function useUser(): User {
+  const userPromise = use(UserContext)
+  if (!userPromise) {
+    throw new Error('useUser must be used within a UserProvider')
+  }
+
+  return use(userPromise)
+}
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/next.config.js b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/next.config.js
@@ -0,0 +1,8 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  cacheComponents: true,
+}
+
+module.exports = nextConfig
diff --git a/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/prefetch-partial-rsc.test.ts b/test/e2e/app-dir/segment-cache/prefetch-partial-rsc/prefetch-partial-rsc.test.ts
@@ -0,0 +1,17 @@
+import { nextTestSetup } from 'e2e-utils'
+import { retry } from 'next-test-utils'
+
+describe('prefetch-partial-rsc', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('resolves after a client-side navigation', async () => {
+    const browser = await next.browser('/')
+    await browser.elementByCss('#learn-link').click()
+    await retry(async () => {
+      const text = await browser.elementByCss('#user').text()
+      expect(text).toBe('user: Guest')
+    })
+  })
+})