mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Sam SelikoffandGitHub
a345140862
This updates the Instant Navs DevTools panel to better model capture state across pending, SPA, and MPA navigations. - Revamps the Navigation Inspector UI states, controls, focus behavior, and panel transitions - Resets capture state when closing the panel from active capture states - Keeps MPA reloads and root-layout-crossing navigations from briefly showing stale or optimistic SPA state - Consolidates the panel state flow so cookie state, re-arming, and rendered UI status are easier to follow - Expands the instant navs fixture and tests to cover SPA captures, MPA captures, reloads, close/reset, Continue Rendering, and root-layout MPA links
23 lines
593 B
TypeScript
23 lines
593 B
TypeScript
import { Suspense } from 'react'
|
|
import { connection } from 'next/server'
|
|
import Link from 'next/link'
|
|
|
|
async function DynamicData() {
|
|
await connection()
|
|
|
|
return <p data-testid="mpa-dynamic-content">Dynamic MPA data</p>
|
|
}
|
|
|
|
export default function MpaTargetPage() {
|
|
return (
|
|
<div>
|
|
<h1 data-testid="mpa-target-title">MPA Target Page</h1>
|
|
<p>This page lives under a different root layout.</p>
|
|
<Suspense fallback={<p data-testid="mpa-dynamic-skeleton">Loading...</p>}>
|
|
<DynamicData />
|
|
</Suspense>
|
|
<Link href="/">Back to home</Link>
|
|
</div>
|
|
)
|
|
}
|