রিয়েক্ট useFormStatus

import {createRoot} from "react-dom/client";
import React from "react";
import {useFormStatus} from "react-dom";

function SubmitButton() {
  const {pending} = useFormStatus();

  return (
    <button disabled={pending}>
      {pending ? "" : "সেভ করুন"}
    </button>
  );
}

function App() {
  async function submitForm(formData) {
    await new Promise(resolve => setTimeout(resolve, 1000));
    console.log(formData.get("name"));
  }

  return (
    <form action={submitForm}>
      <input name="name" placeholder="আপনার নাম"/>
      <SubmitButton/>
    </form>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);