Form Submission Race Condition - Multiple Submissions or Lost Data

1. Submit button not disabled during submission
2. No loading state preventing multiple clicks
3. Promise.all used incorrectly for sequential operations
4. Async operations completing out of expected order
5. Form not cleared after successful submission

Disable button and add loading state:

const [isLoading, setIsLoading] = useState(false);

const handleSubmit = async (e) => {
  e.preventDefault();
  if (isLoading) return; // Prevent duplicate clicks
  
  setIsLoading(true);
  try {
    await submitForm();
    setEmail('');
  } finally {
    setIsLoading(false);
  }
};


  {isLoading ? 'Submitting...' : 'Submit'}