Sovle issue where showValid would be forwarded to the textField element

graphcommerce-org · Jan 10, 2025 · 026114e · 026114e
1 parent 52b8a88
commit 026114e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/empty-files-stare.md b/.changeset/empty-files-stare.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/ecommerce-ui': patch
+---
+
+Sovle issue where showValid would be forwarded to the textField element
diff --git a/packages/ecommerce-ui/components/FormComponents/TextFieldElement.tsx b/packages/ecommerce-ui/components/FormComponents/TextFieldElement.tsx
@@ -26,9 +26,11 @@ function TextFieldElementBase(props: TextFieldElementProps): JSX.Element {
     rules = {},
     shouldUnregister,
     disabled,
-  } = props as BaseControllerProps
-  const { showValid } = props as ShowValidProps
-  const { type, required, ...rest } = props as TextFieldProps
+    type,
+    required,
+    showValid,
+    ...rest
+  } = props as TextFieldProps & ShowValidProps & BaseControllerProps
 
   if (required && !rules.required) {
     rules.required = i18n._(/* i18n */ 'This field is required')