RHF: why do fetched options cause default form value for <select /> to be false

[marcebdev]

Pretty much title, I suspect this is because RHF is using the ref to set the value instead of using the value prop. But what is standard practice if you have a default form value that is immediately accessible but the options are fetched async?

Something like:

const options = useQuery()

const { register } = useForm({ defaultValues: { item: '5' } })

return (
  <Select ...register('item') options={[{ label: 'Select an item', value: '' }, ...options]}>
)

What is the standard practice?