[GCOM-1234]: ConfirmEmailField helpertext as ReactNode

graphcommerce-org · Nov 27, 2023 · 2afbe26 · 2afbe26
1 parent 39f3e02
commit 2afbe26
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/magento-customer/components/CustomerFields/ConfirmEmailField.tsx b/packages/magento-customer/components/CustomerFields/ConfirmEmailField.tsx
@@ -24,14 +24,15 @@ export function ConfirmEmailField() {
         type='text'
         autoComplete='off'
         error={formState.isSubmitted && !!formState.errors.confirmEmail}
-        helperText={formState.isSubmitted && formState.errors.confirmEmail?.message}
+        helperText={formState.isSubmitted && <>{formState.errors.confirmEmail?.message}</>}
         label={<Trans id='Confirm new email' />}
         required
         control={control}
         name='confirmEmail'
         validation={{
           required: true,
           validate: (value) => value === watchNewEmail || i18n._(/* i18n */ "Emails don't match"),
+          pattern: emailPattern,
         }}
       />
     </FormRow>