Fix Infinite render on country code chnage

ohcnetwork · Dec 9, 2024 · 23220f3 · 23220f3
1 parent f87a2a4
commit 23220f3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Form/FormFields/PhoneNumberFormField.tsx b/src/components/Form/FormFields/PhoneNumberFormField.tsx
@@ -94,6 +94,7 @@ const PhoneNumberFormField = React.forwardRef<HTMLInputElement, Props>(
     };
 
     useEffect(() => {
+      console.log(field.value);
       if (field.value && field.value.length > 0) {
         if (field.value.startsWith("1800")) {
           setCountry({ flag: "📞", name: "Support", code: "1800" });
@@ -105,7 +106,7 @@ const PhoneNumberFormField = React.forwardRef<HTMLInputElement, Props>(
         }
         setCountry(phoneCodes[getCountryCode(field.value)!]);
       }
-    }, [setValue]);
+    }, [field.value]);
 
     return (
       <FormField