How to manually focus input inside a predefined useFieldArray

[foubei]

I have a verification code input which is separated on 6 inputs. I am using useFieldArray to create my 6 inputs and every input is declared as . But how can I focus an input referenced in its controller?

My scenario is that I have to focus the next input everytime the current focused input its value is entered by the user.

PS: I am using functional components using useFormContext and useFieldArray hooks

[bluebill1049]

i would just use useForm and store all of their refs, https://react-hook-form.com/faqs#Howtosharerefusage

[bluebill1049]

Controller doesn't have ref, you will have to get the ref from the component that you wrapped with.

[foubei]

So I get every input ref from input itself and push to refs array. I was trying the controller ref property and wasn't able to resolve it.

Thanks for your help. Now I can make it working

[foubei]

Why you suggested to use useForm instead of useFieldArray? what's the big difference between both?

PS: I was using redux-form and just switched to RHF few days ago

[bluebill1049]

because useFieldArray is for dynamic inputs, by the look your form is static.

[foubei]

Got it. appreciate tour help