From 01135da86f018e0f05a6f4ddd8048f5e5d1f05e6 Mon Sep 17 00:00:00 2001
From: Aaron Cook <aaron@safe.global>
Date: Fri, 14 Jul 2023 12:34:01 +0200
Subject: [PATCH] fix: also format `inputProps['onChange']` (#2293)

---
 src/components/common/NumberField/index.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/common/NumberField/index.tsx b/src/components/common/NumberField/index.tsx
index c5a3066ef1..523812f298 100644
--- a/src/components/common/NumberField/index.tsx
+++ b/src/components/common/NumberField/index.tsx
@@ -35,6 +35,17 @@ const NumberField = forwardRef<HTMLInputElement, TextFieldProps>(({ onChange, ..
         return onChange?.(event)
       }}
       {...props}
+      inputProps={{
+        ...props.inputProps,
+        // Autocomplete passes `onChange` in `inputProps`
+        onChange: (event) => {
+          // inputProps['onChange'] is generically typed
+          if ('value' in event.target && typeof event.target.value === 'string') {
+            event.target.value = _formatNumber(event.target.value)
+            return props.inputProps?.onChange?.(event)
+          }
+        },
+      }}
     />
   )
 })