react-hook-form: watch vs. useWatch array length inconsistency when using useFieldArray

Ah ok, thanks. So you’re saying this is expected, right? 😃

Yes, the last re-render will bring the updated field values.

Previously its a bug because it didn’t return the correct wath value, i will do some investigation with inconsistent watch value. I know the root cause, because useWatch need to trigger another setState to update the value, but worth to do some investigation, if not working then will close this issue.

Ohh, didn’t expect that you’d go the extra mile for this. Was actually already quite satisfied with some workaround, like:

const items = useWatch({
    name: 'items',
    defaultValue: fieldArrayItems,
    control,
  });

cons itemsLength = fieldArrayItems.length;
// ...some much more logic that depends on `itemsLength`

But it’s a great feeling to expect that I’m gonna be able to do this:

const items = useWatch({
    name: 'items',
    defaultValue: fieldArrayItems,
    control,
  });

cons itemsLength = items.length;
// ...some much more logic that depends on `itemsLength`

Your effort is most appreciated, Bill – as always – thank you soo muucch! 😃

I wouldn’t say it can’t be improved, but i did try last night and it’s not working out…

because watch gets called even before the child component. order below:

1. fields (re-render)
2. watch
3. useWatch