fix: prevent the use of onChangeText on the initial render (#256)

akinncar · Jul 13, 2023 · 267a018 · 267a018
1 parent 0ba50f8
commit 267a018
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/MaskedTextInput.tsx b/src/components/MaskedTextInput.tsx
@@ -73,6 +73,8 @@ export const MaskedTextInputComponent: ForwardRefRenderFunction<
   const [maskedValue, setMaskedValue] = useState(initialMaskedValue)
   const [unMaskedValue, setUnmaskedValue] = useState(initialUnMaskedValue)
   const [rawValue, setRawValue] = useState(initialRawValue);
+  const [isInitialRender, setIsInitialRender] = useState(true)
+
   const actualValue = pattern || type === "currency" ? maskedValue : rawValue;
 
   function onChange(value: string) {
@@ -85,6 +87,11 @@ export const MaskedTextInputComponent: ForwardRefRenderFunction<
   }
 
   useEffect(() => {
+    if (isInitialRender) {
+      setIsInitialRender(false)
+      return
+    }
+
     onChangeText(maskedValue, unMaskedValue)
   }, [maskedValue, unMaskedValue])