Formik: Multiple material UI inputs in Formik FieldArray very slow

[oualidmaz]

🐛 Bug report

Current Behavior

Trying to add multiple Textfiled in Fromik form using FieldArray. But when filling the inputs there is a delay (very slow).
However, when inputs are out of the array there is no delay

Reproducible example

https://codesandbox.io/s/formik-fieldarray-forked-itytq

Steps:

1. click on "add products" to generate Textfiled inputs
2. Press and hold any key on any input
3. Notice the delay

Your environment

| Software | Version(s) |
| ---------------- | ---------- |
| Formik | 2.2.1
| React | 17.01
| Browser | Chrome

[Pfahlf]

Any news on this? Having the same exact problem...

[oualidmaz]

this bug occurs cause when you try fill any input the whole inputs in the FiledArray are re-rendered. the only solution I found is using react-hook-form https://react-hook-form.com/ . which is built in isolate re-renders

[Pfahlf]

@oualidmaz Thank you very much! I did saw your issue and answer on material-ui and already moved to react-hook-form! Have a nice day

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 60 days