Picker value not updating properly
Color value is changing but color picker jumps back to prev value :/ the color property is updating correctly though.

```
{values.centro_estados_cita.map((estado, idx) => (
                    <Button onClick={() => {
                        setShowColorPicker(!showColorPicker);
                        setCurrentCitaEstado({...estado});
                    }} key={estado.id} size={isMobile ? "sm" : "md"}
                            style={{marginRight: '10px', display: 'inline-block', backgroundColor: estado.color}}>
                        {estado.estado_cita_nombre}
                    </Button>
                ))}
                {showColorPicker && <div className="color-picker-container">
                    <div className="cover" onClick={() => setShowColorPicker(false)}/>
                    <ChromePicker className="color-picker" color={currentCitaEstado.color} onChangeComplete={color => {
                        let citaEstadoIdx = values.centro_estados_cita.findIndex(estado => estado.id === currentCitaEstado.id);
                        let estado = values.centro_estados_cita.find(estado => estado.id === currentCitaEstado.id);
                        setFieldValue(`centro_estados_cita[${citaEstadoIdx}].color`, color.hex);
                        setCurrentCitaEstado(estado)
                    }}/>
```
Heres a little demo of what is happening..
[ https://gyazo.com/f7072cd515b99e6cb5308ffb9cbf8849](url)

Thanks in advance!