value is not showing when using with react hook form

[dtsuper3]

I am using it with react hook form. I have created a wrapper component using the react-hook-form controller. So the issue here is the value property not updating the UI but it is reflecting in props. I think some issues related to component re-rendering.
<Controller
control={control}
name={name}
render={({field: {value, onChange, onBlur}, fieldState: {error}}) => {
console.log('value:', value);
return (

<PhoneInput
textInputProps={{
onFocus: () => setIsFocus(true),
onBlur: () => {
onBlur();
setIsFocus(false);
},
}}
value={value}