diff --git a/package.json b/package.json
index 388d43c..e728d2d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@awell-health/ui-library",
-  "version": "0.1.85",
+  "version": "0.1.86",
   "description": "UI components to integrate with Awell Health",
   "repository": {
     "type": "git",
diff --git a/src/atoms/phoneInputField/PhoneInputField.tsx b/src/atoms/phoneInputField/PhoneInputField.tsx
index 07d7422..597e255 100644
--- a/src/atoms/phoneInputField/PhoneInputField.tsx
+++ b/src/atoms/phoneInputField/PhoneInputField.tsx
@@ -79,12 +79,11 @@ export const PhoneInputField = ({
       hideSpaceAfterDialCode: true,
       countries,
       forceDialCode,
+      onPhoneUpdate: (phone) => {
+        onChange({ target: { value: phone } })
+      },
     })
 
-  useEffect(() => {
-    onChange({ target: { value: phone } })
-  }, [phone, onChange])
-
   const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     handlePhoneValueChange(e)
   }