From cab578dff49c1cc273cdf788b8354bd4df4e76ef Mon Sep 17 00:00:00 2001 From: mdj-uk <101579982+mdj-uk@users.noreply.github.com> Date: Mon, 12 Feb 2024 16:33:01 +0000 Subject: [PATCH 1/4] Fix server/client typo in
docs Fixes #6601 --- src/content/reference/react-dom/components/form.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md index 4b7d5d8a075..1475279d216 100644 --- a/src/content/reference/react-dom/components/form.md +++ b/src/content/reference/react-dom/components/form.md @@ -322,7 +322,7 @@ export default function Search() { Displaying a form submission error message before the JavaScript bundle loads for progressive enhancement requires that: -1. `` be rendered by a [Server Component](/reference/react/use-client) +1. `` be rendered by a [Client Component](/reference/react/use-client) 1. the function passed to the ``'s `action` prop be a [Server Action](/reference/react/use-server) 1. the `useFormState` Hook be used to display the error message From 16098a43f9c12106eaacf51319bd6ff8f02734a4 Mon Sep 17 00:00:00 2001 From: mdj-uk <101579982+mdj-uk@users.noreply.github.com> Date: Sat, 11 Oct 2025 12:34:21 +0100 Subject: [PATCH 2/4] Update form.md --- src/content/reference/react-dom/components/form.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md index 77272770519..b8e16db5851 100644 --- a/src/content/reference/react-dom/components/form.md +++ b/src/content/reference/react-dom/components/form.md @@ -279,7 +279,7 @@ export default function Search() { Displaying a form submission error message before the JavaScript bundle loads for progressive enhancement requires that: 1. `` be rendered by a [Client Component](/reference/react/use-client) -1. the function passed to the ``'s `action` prop be a [Server Action](/reference/react/use-server) +the function passed to the ``'s `action` prop be a [Server Function](/reference/rsc/server-functions) 1. the `useActionState` Hook be used to display the error message `useActionState` takes two parameters: a [Server Function](/reference/rsc/server-functions) and an initial state. `useActionState` returns two values, a state variable and an action. The action returned by `useActionState` should be passed to the `action` prop of the form. The state variable returned by `useActionState` can be used to display an error message. The value returned by the Server Function passed to `useActionState` will be used to update the state variable. From 84b0b8d83eccbf70bff40fee9a1a993e25ad0339 Mon Sep 17 00:00:00 2001 From: mdj-uk <101579982+mdj-uk@users.noreply.github.com> Date: Sat, 11 Oct 2025 12:35:24 +0100 Subject: [PATCH 3/4] Update form.md --- src/content/reference/react-dom/components/form.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md index b8e16db5851..018bd7bbf69 100644 --- a/src/content/reference/react-dom/components/form.md +++ b/src/content/reference/react-dom/components/form.md @@ -279,7 +279,7 @@ export default function Search() { Displaying a form submission error message before the JavaScript bundle loads for progressive enhancement requires that: 1. `` be rendered by a [Client Component](/reference/react/use-client) -the function passed to the ``'s `action` prop be a [Server Function](/reference/rsc/server-functions) +1. the function passed to the ``'s `action` prop be a [Server Function](/reference/rsc/server-functions) 1. the `useActionState` Hook be used to display the error message `useActionState` takes two parameters: a [Server Function](/reference/rsc/server-functions) and an initial state. `useActionState` returns two values, a state variable and an action. The action returned by `useActionState` should be passed to the `action` prop of the form. The state variable returned by `useActionState` can be used to display an error message. The value returned by the Server Function passed to `useActionState` will be used to update the state variable. From 6d6d6aa0dc18d40d354642bb18455bb30ebdfe5f Mon Sep 17 00:00:00 2001 From: mdj-uk <101579982+mdj-uk@users.noreply.github.com> Date: Sat, 11 Oct 2025 12:36:51 +0100 Subject: [PATCH 4/4] Update form.md --- src/content/reference/react-dom/components/form.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md index 018bd7bbf69..1043b13a0de 100644 --- a/src/content/reference/react-dom/components/form.md +++ b/src/content/reference/react-dom/components/form.md @@ -278,7 +278,7 @@ export default function Search() { Displaying a form submission error message before the JavaScript bundle loads for progressive enhancement requires that: -1. `` be rendered by a [Client Component](/reference/react/use-client) +1. `` be rendered by a [Client Component](/reference/rsc/use-client) 1. the function passed to the ``'s `action` prop be a [Server Function](/reference/rsc/server-functions) 1. the `useActionState` Hook be used to display the error message