[Typo]: In code example of server actions

Summary

In Composing Server Actions with Actions:

"use client";

import {updateName} from './actions';

function UpdateName() {
  const [name, setName] = useState('');
  const [error, setError] = useState(null);

  const [isPending, startTransition] = useTransition();

  const submitAction = async () => {
    startTransition(async () => {
      const {error} = await updateName(name);
      if (!error) {
        setError(error);
      } else {
        setName('');
      }
    })
  }
  
  return (
    <form action={submitAction}>
      <input type="text" name="name" disabled={isPending}/>
      {state.error && <span>Failed: {state.error}</span>}
    </form>
  )
}

There is no state variable here.

It should be this

    <form action={submitAction}>
      <input type="text" name="name" disabled={isPending}/>
      {error && <span>Failed: {error}</span>}
    </form>

Page

https://react.dev/reference/rsc/server-actions#composing-server-actions-with-actions

Details

No response

リンク先の「Composing Server Actions with Actions」ページにある React Server Actions のドキュメントを開き、フォームの例を確認します。JSX の参照とその上で宣言されている state 変数を比較し、表示されるエラーが宣言された変数を使うように例を更新します。例の内部整合性が保たれ、意図したエラー状態がレンダリングされれば完了です。