Calling .push() on click can result in too many fields added about react-final-form-arrays HOT 5 OPEN

I also have problem with push
my example used to work in v2
https://codesandbox.io/s/react-final-form-field-arrays-dehxx
but after update to v3 it shows only 1 field instead of 5

from react-final-form-arrays.

@TrejGun This is fixed by changing the dependency of your useEffect fn to just fields: https://codesandbox.io/s/react-final-form-field-arrays-onrfv

from react-final-form-arrays.

do you mean

  useEffect(() => {
    if (fields.length < 5) {
      fields.push();
    }
  }, fields);

thsi results in error from react

React Hook useEffect was passed a dependency list that is not an array literal. This means we can't statically verify whether you've passed the correct dependencies. (react-hooks/exhaustive-deps)
eslint

because fields are not an array but array-like object

from react-final-form-arrays.

@TrejGun That error is because the useEffect dependency argument expects an array, ie.

  useEffect(() => {
    if (fields.length < 5) {
      fields.push();
    }
  }, [fields]);

from react-final-form-arrays.

When I use the useEffect function, it seems to push two into the array rather than one.
Is there a way around this? componentDidMount doesn't seem to work as well.

from react-final-form-arrays.