React: What is React 19 useFormStatus for pending states?

1import { useFormStatus } from "react-dom";
2
3function SubmitButton() {
4  const { pending, data, method, action } = useFormStatus();
5
6  return (
7    <button type="submit" disabled={pending}>
8      {pending ? "Submitting..." : "Submit"}
9    </button>
10  );
11}
12
13// Must be inside <form>
14function MyForm() {
15  return (
16    <form action={submitAction}>
17      <input name="email" />
18      <SubmitButton />
19    </form>
20  );
21}

1function UploadButton() {
2  const { pending, data } = useFormStatus();
3  const fileName = data?.get("file")?.name;
4
5  return (
6    <button disabled={pending}>
7      {pending ? `Uploading ${fileName}...` : "Upload"}
8    </button>
9  );
10}