jaredpalmer/formik

Array-helper `insert` adds value to error state

Open

#1 092 ouverte le 8 nov. 2018

Voir sur GitHub
 (5 commentaires) (3 réactions) (0 assignés)TypeScript (34 255 stars) (2 801 forks)batch import
Priority: MediumType: Bughelp wantedpinned

Description

🐛 Bug report

Current Behavior

When i add an item to a FieldArray using insert the value is also inserted into the errors state (see example below).

Expected behavior

Only insert the value to the values state, not to the errors state.

Reproducible example

https://codesandbox.io/s/v87n4p6023

Your environment

Software Version(s)
Formik 1.3.1
React 16.5.2

Guide contributeur

Stack technique
typescriptreact
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Basic knowledge of ReactFamiliarity with Formik's FieldArray
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
The bug is that the `insert` method in Formik's FieldArray incorrectly adds the value to the errors state. Start by examining the `insert` function in `packages/formik/src/FieldArray.tsx`. Look at how it updates both values and errors; it likely uses `setIn` or similar helpers. The fix should ensure `insert` only updates values, not errors. The provided CodeSandbox (https://codesandbox.io/s/v87n4p6023) reproduces the issue. Check the existing comments for any additional clues or attempted fixes.