I have a page in my app that contains:
- A rows with a couple of components,
(each of those components contain only a TextField,
each of those component updates its value On Focus Change,
each of those component has Unique Key)
- A button, after clicking on that button, more rows of those components can be added
The error that I am showing on the screenshot occurs when I am clicking on that button, sometimes after added two new rows, sometimes after added six.
Does anyone have any idea what might be cause this error ?
Console from a browser said:
"Error: Another exception was thrown: A FocusNode was used after being disposed.
A form field element has neither an id nor a name attribute. This might prevent the browser from correctly autofilling the form. To fix this issue, add a unique id or name attribute to a form field. This is not strictly needed, but still recommended even if you have an autocomplete attribute on the same element. "
However, still I don't know how to fix it, please let me know if you have any idea
Video that is showing when the error occurs:
https://drive.google.com/file/d/13tUHkihAbBezZXBna-DgO1kdkEjd8YEB/view?usp=sharing