append an element if total value of usefield array is 100

[Sbabureddy]

Hello everyone, I'm working on useField array, I've a requirement to append an element if total value of usefield array is less than or equal to 100. while appending the element useEffect is firing infinite times. can anyone help me to achieve this. thanks in advance.

https://codesandbox.io/p/sandbox/watch-subscription-xgzxmj

[Moshyfawn]

Your business logic is impossible and causes infinite re-rendering. If you get a sum of 100, you will append fields infinitely because the value will always be 100.

[Moshyfawn]

I may have misread your business logic, but my comment still applies: appending fields with a value of 0 will always cause re-renders, because the sum will always remain 0.

[Sbabureddy]

@Moshyfawn thanks for the quick reply.
The requirement is user has to enter the value which total value of useField array is equal to 100. If the value is less than 100. An input has to automatically popup. Can you suggest solution for this?