[Mistakes]: Server Functions examples use incompatible action signatures

Summary

The updateName Server Function is defined as updateName(name), but the page later uses it as a direct form action and with useActionState. These usages pass different arguments, so the examples cannot work with the shown function.

Page

https://react.dev/reference/rsc/server-functions

Details

The page defines:

export async function updateName(name) {
  if (!name) {
    return {error: 'Name is required'};
  }
  await db.users.updateName(name);
}

There are several inconsistencies/mistakes:

• In “Server Functions with Actions”, the input does not update the name state, so updateName(name) always receives ''.

• On success, updateName returns undefined, but the client destructures {error} from its result.

• When passed to <form action={updateName}>, React calls updateName with FormData, not a string.

• When passed to useActionState, React calls it with (previousState, FormData), and it must consistently return the next state.

The examples should define a Server Function with the correct parameters and return value for each usage.

Bắt đầu với trang tham chiếu Server Functions tại https://react.dev/reference/rsc/server-functions và so sánh ví dụ updateName giữa “Server Functions with Actions”, hành động form trực tiếp và cách sử dụng useActionState. Được xem là hoàn tất khi các tham số và giá trị trả về của mỗi ví dụ khớp với cách React gọi nó, bao gồm các đối số FormData và trạng thái trước đó.