Merge pull request #1237 from firebase/@invertase/bb-9

Author: Ehesp

packages/angular/src/lib/components/form.ts

@@ -96,9 +96,12 @@ export class FormErrorMessageComponent {
 
   errorMessage = computed(() => {
     const error = this.state().errorMap?.onSubmit;
-    if (!error) return undefined;
 
-    // Handle string errors
-    return String(error);
+    // We only care about errors thrown from the form submission, rather than validation errors
+    if (error && typeof error === "string") {
+      return error;
+    }
+
+    return undefined;
   });
 }

packages/react/src/components/form.tsx

@@ -66,8 +66,9 @@ function ErrorMessage() {
   return (
     <form.Subscribe selector={(state) => [state.errorMap]}>
       {([errorMap]) => {
-        if (errorMap?.onSubmit) {
-          return <div className="fui-form__error">{String(errorMap.onSubmit)}</div>;
+        // We only care about errors thrown from the form submission, rather than validation errors
+        if (errorMap?.onSubmit && typeof errorMap.onSubmit === "string") {
+          return <div className="fui-form__error">{errorMap.onSubmit}</div>;
         }
 
         return null;