mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Hendrik LiebauandGitHub
af74b4a36f
We're splitting the test app routes between two root layouts, one for (partially) static pages that does not wrap its children in a Suspense boundary, and one for dynamic pages that adds a Suspense boundary above `body`, which opts those pages into fully dynamic rendering. Two tests are expected to fail for now, because they revealed bugs related to revalidation, which will be fixed in follow-up PRs: - https://github.com/vercel/next.js/pull/81611 - https://github.com/vercel/next.js/pull/81621 closes NAR-171
21 lines
389 B
TypeScript
21 lines
389 B
TypeScript
'use client'
|
|
|
|
import { useActionState } from 'react'
|
|
|
|
export function Form({
|
|
id,
|
|
getRandomValue,
|
|
}: {
|
|
id: string
|
|
getRandomValue: () => Promise<number>
|
|
}) {
|
|
const [result, formAction, isPending] = useActionState(getRandomValue, -1)
|
|
|
|
return (
|
|
<form id={id} action={formAction}>
|
|
<button>Submit</button>
|
|
<p>{isPending ? 'loading...' : result}</p>
|
|
</form>
|
|
)
|
|
}
|