Function 'onChangePhoneNumber' is called with empty value every time component is rendered even with defaultValue

[victorgoecking]

I'm using "React-Hook-Form + Typescript + Default Phone Number Value". I receive the api data already passed to the hook-form's defaultValue and also passing the "value" and "defaultValue="+5500999999999" in the , but when the component is rendered it calls the "onChangePhoneNumber" function defining the value as empty.

I'm using a small strategy to check if it's the first rendering so as not to set an empty value.

What could I be doing wrong?

[AstrOOnauta]

hey @victorgoecking

I tried to reproduce your situation using the example on README with React-Hook-Form + Typescript + Default Phone Number Value and the input value dont stay empty after rerender...

Can you deploy this code anywhere? Maybe, I (or another) can help you...

[victorgoecking]

hey @AstrOOnauta

I reproduced my situation using the example on README and actually sets it correctly.

But in it the value coming from the controller is not defined, in a use case for editing this value will come in the controller's render and thus causing onChangePhoneNumber to execute with an empty value.