Merge pull request #2419 from graphcommerce-org/fix/numberfield-element

refactor: Destructure InputProps to ensure they are passed only to relevant components.
graphcommerce-org · Nov 20, 2024 · 55c3134 · 55c3134
2 parents 12fd37e + ccd952e
commit 55c3134
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/soft-turtles-float.md b/.changeset/soft-turtles-float.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/ecommerce-ui': patch
+---
+
+Destructure InputProps to ensure they are passed only to relevant components.
diff --git a/packages/ecommerce-ui/components/FormComponents/NumberFieldElement.tsx b/packages/ecommerce-ui/components/FormComponents/NumberFieldElement.tsx
@@ -36,6 +36,7 @@ export function NumberFieldElement<T extends FieldValues>(props: NumberFieldElem
     DownProps = {},
     UpProps = {},
     inputProps = {},
+    InputProps = {},
     sx = [],
     size = 'medium',
     control,
@@ -113,7 +114,7 @@ export function NumberFieldElement<T extends FieldValues>(props: NumberFieldElem
       ]}
       autoComplete='off'
       InputProps={{
-        ...textFieldProps.InputProps,
+        ...InputProps,
         startAdornment: (
           <Fab
             aria-label={i18n._(/* i18n */ 'Decrease')}