Проблема с values Formik

En Версия данного вопроса - https://stackoverflow.com/q/56613496/9464680

Обсуждение данной проблемы на Github - https://github.com/jaredpalmer/formik/issues/529

Я передаю Formik values в функцию (getValues), которая вызывается в onChange компонента Field, но при выводе результата в консоль, последнее изменение будто не доходит. Не составило бы труда передавать e.target.value, но в моём случае есть не один десяток полей, поэтому было бы проще получать все значения (values).

CodeSandbox - https://codesandbox.io/s/quiet-moon-zqfde

import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form, Field, FieldArray } from "formik";
function App() {
  //------ Функция, которая получает values ----------
  const getValues = values => console.log(values.fields[0]);
  //----------------------
  return (
    <>
      <Formik
        initialValues={{ fields: [""] }}
        onSubmit={(values, actions) => {
          actions.setSubmitting(false);
          console.log(values);
          return false;
        }}
        render={({ setFieldValue, values }) => (
          <Form>
            <FieldArray
              name="fields"
              render={() => (
                <Field
                  type="text"
                  name="fields.0"
                  placeholder="Write something"
                  onChange={e => {
                    setFieldValue("fields.0", e.target.value);
                    //---------------
                    getValues(values);
                    //---------------
                  }}
                />
              )}
            />
          </Form>
        )}
      />
    </>
  );
}
ReactDOM.render(<App />, document.getElementById("root"));