issue: Dirty array fields get reset even though `keepDirtyFields: true` about react-hook-form HOT 2 CLOSED

please read the doc and refer on how to use useFieldArray. there is not even a register

from react-hook-form.

@bluebill1049 Thanks for replying, but unfortunately I'm still having problems understanding how you're supposed to be using these functions. Maybe my initial code sandbox example was oversimplified, but this one is closer to what I'm actually trying to do.

In short, I want to display one single set of inputs at a time for each object inside my array field and the user can navigate through them using 'next'/'previous' buttons, as well as having a scrollable overview of the entire array on the side (omitted in the example).

How and when am I supposed to call register? Calling it once for the entire "people" array field (like in the example) acts as if the entire field becomes dirty once I type something in 1 single input even though I did not touch the others, meaning that clicking the trigger new data button doesn't update all expected members of the "people" array.

Calling register('people.${currentIndex}.name') and destructuring the result in each <input> isn't really an option for me because I'm using custom and conditional components that aren't actually HTML inputs...

from react-hook-form.