mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Josh StoryandGitHub
1931877c29
prefetching is now controlled with the prefetch export and this option is inert on the instant export. this removes the prefetch option as a valid property on the instant config type. also updates the ts plugin for this export and adds the definition for the previously landed prefetch export
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
// Runtime layout with parallel routes. The parent's data should pass through
|
|
// this layout into one child slot only — not into both. This tests that the
|
|
// pass-through behavior respects the "parent inlines into one child" rule
|
|
// even when the pass-through segment has multiple child slots.
|
|
import { ReactNode, Suspense } from 'react'
|
|
import { cookies } from 'next/headers'
|
|
|
|
export const unstable_instant = {
|
|
samples: [{ cookies: [{ name: 'theme', value: 'default' }] }],
|
|
}
|
|
export const unstable_prefetch = 'force-runtime'
|
|
|
|
async function DynamicContent() {
|
|
const cookieStore = await cookies()
|
|
const theme = cookieStore.get('theme')?.value ?? 'default'
|
|
return <p id="layout-runtime-parallel">Runtime layout (theme: {theme})</p>
|
|
}
|
|
|
|
export default function RuntimeParallelLayout({
|
|
children,
|
|
sidebar,
|
|
}: {
|
|
children: ReactNode
|
|
sidebar: ReactNode
|
|
}) {
|
|
return (
|
|
<div>
|
|
<Suspense fallback={<p>Loading layout...</p>}>
|
|
<DynamicContent />
|
|
</Suspense>
|
|
<main>{children}</main>
|
|
<aside>{sidebar}</aside>
|
|
</div>
|
|
)
|
|
}
|