fix: prevent re-submitting the form while it's being submitted

onebeyond · Jan 30, 2024 · d67c0fa · d67c0fa
1 parent 8686d87
commit d67c0fa
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/builder.js b/src/builder.js
@@ -292,6 +292,7 @@ const FormBuilder = ({
  }
 
  const onSubmit = async (data) => {
+ if (isLoading) return
  onSubmitForm(await formatData(data))
  }
 
@@ -303,7 +304,8 @@ const FormBuilder = ({
  variant:
  form && form.layout
  ? 'forms.container.' + (form && form.layout)
- : 'forms.container'
+ : 'forms.container',
+ pointerEvents: isLoading ? 'none' : 'auto'
  }}
  onSubmit={useFormObj.handleSubmit(onSubmit)}
  {...props}
@@ -339,6 +341,7 @@ const FormBuilder = ({
  <Button
  sx={styles.fitContent}
  key={cfa.caption}
+ disabled={isLoading}
  isLoading={isLoading}
  id={cfa.id}
  caption={cfa.caption}