first commit

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/bar/page.js

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <div>
+      <Link href="/prefetch-dynamic-usage/foo">To Foo</Link>
+    </div>
+  )
+}

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/foo/page.js

@@ -0,0 +1,3 @@
+export default function FooPage() {
+  return <p id="foo-page">Foo page</p>
+}

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/layout.js

@@ -0,0 +1,21 @@
+import { cookies } from 'next/headers'
+import { Redirect } from './redirect'
+
+async function isLoggedIn() {
+  // sleep for 1s
+  await new Promise((resolve) => setTimeout(resolve, 1000))
+
+  const cookieData = await cookies()
+  const hasSession = !!cookieData.get('logged-in')
+
+  return hasSession
+}
+
+export default async function Layout({ children }) {
+  const loggedIn = await isLoggedIn()
+  console.log({ loggedIn })
+
+  if (!loggedIn) return <Redirect />
+
+  return <div>Protected Layout: {children}</div>
+}

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/loading.js

@@ -0,0 +1,3 @@
+export default function ProtectedLoading() {
+  return <p>Protected loading...</p>
+}

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/page.js

@@ -0,0 +1,3 @@
+export default function ProtectedPage() {
+  return <p>Protected Pgae</p>
+}

test/e2e/app-dir/app-prefetch/app/prefetch-dynamic-usage/(protected)/redirect.js

@@ -0,0 +1,18 @@
+'use client'
+
+import { usePathname, useRouter } from 'next/navigation'
+import { useEffect } from 'react'
+
+export function Redirect() {
+  const path = usePathname()
+  const router = useRouter()
+
+  useEffect(() => {
+    const nextUrl = encodeURIComponent(
+      path ? decodeURIComponent(path) : '/search'
+    )
+    router.push(`/login?nextUrl=${nextUrl}`)
+  }, [path, router])
+
+  return null
+}