MUI TextField with Controller and useFieldArray

[olavfi]

I'm trying to use a MUI TextField with a Controller and useFieldArray. I have to use setValue on onChange to get it to work, and that comes with a trade of. If you edit this field you don't have to save and use update, which may cause some UX issues.

The easiest solution would probably be to just use setValue for each individual value in the fieldarray, but I'm curious if I have misunderstood something or if there is a cleaner solution to this problem.

Here is a codesandbox I created to replicate the issue, if anyone wants to have a quick look. Please excuse the crude UI. 😅

[olavfi]

I solved this. It was definitely me just misunderstanding the API and mixing up some stuff. Specifically the name for the controller was wrong and destructuring the field in render.

Here is a fork where it works as expected.