Using Controller from react-hook-form

like this

<Controller
name="phoneNumber"
control={control}
{
...register("phoneNumber", {
required: true
})
}
render={({ field: { onChange, value } }) => (

<PhoneInput
name="phoneNumber"
value={value}
onChange={(e, data) => {
onChange(e);
}}
defaultCountry="TH"
autoFormat
countryCodeEditable
id="phone-input"
/>
)}
/>