Adding validation with useFieldArray

[sterjoski]

Please consider asking the question at our spectrum channel.

https://spectrum.chat/react-hook-form

Describe the question?
How would you add validation when using useFieldArray?
To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/react-hook-form-usefieldarray-jdwpm
2. Click on 'SUBMIT'
3. No errors are shown

Codesandbox link
https://codesandbox.io/s/react-hook-form-usefieldarray-jdwpm

[bluebill1049]

attach validation into the register function

[sterjoski]

attach validation into the register function

@bluebill1049 Are there any examples for this?

[bluebill1049]

https://react-hook-form.com/api#register

[bluebill1049]

Closing this issue. Feel free to follow up with questions tho.

[sterjoski]

@bluebill1049 I'm still having trouble with this. Could you take a look at this? https://codesandbox.io/s/vigilant-chatterjee-mi4jc?fontsize=14&hidenavigation=1&theme=dark

edit: I got it working with inputRef instead of ref and lodash/get for getting error messages.

Is there a way to use yup validation schema instead of register?

[Motoxpro]

Just wanted to update this issue with an example of yup Validation https://codesandbox.io/s/react-hook-form-usefieldarray-c82kl

[kancharla-sandeep]

How to use validation for Controller Input. Using rules does not show any validation.

[bluebill1049]

It's the same as register but through rules props

[Flavien-Pensato]

@bluebill1049 Why useFieldArray doesn't accept rules ? Should it not be like <Controller /> ?

When I use useFieldArray, it's registering my name and set control nope ? 🤔 If a use register after that to set rules, it's a double registration ?