Undefined value using select with react hook form

[t-rosa]

Hello!

I don't know why my form submission doesn't pass the validation check using react hook form and radix select primitive.
After selecting a value, this one still undefined and the resolvers do it's job telling me the field is required.

The form :

useForm:

Any idea ?

[emicba]

You might need to use the Controller component from react-hook-form: https://react-hook-form.com/get-started/#IntegratingwithUIlibraries.

When spreading the register('field') you are passing onChange but the Select.Root is expecting onValueChange.

Here is a working example https://codesandbox.io/s/shadcn-ui-select-react-hook-form-mgmdmv

[t-rosa]

It works, thanks!

[feliche93]

@emicba thanks for sharing, ran into the same issue 🙏