formik 2.0.1-alpha.1

on Node.js NPM

Improvements 🔥

• Add new <Field as> prop that passes Formik input-related props straight through.
• Add a new meta object to <Field children> with field-level metadata.

Fixes 🐛

• Fix enableReinitialize regression from alpha.0

Deprecations ⚠️

• Deprecate <Field render> via warning.
• Deprecate <Field component> via warning.

Breaking Change from alpha.0 🚨

• Changed the name of meta.touch to meta.touched, where meta is the second element of the tuple returned by useField.

import React from 'react';
import { useField } from 'formik';

const MyTextField = ({ label, ...props }) => {
  const [field, meta] = useField(props.name);
  return (
    <>
      <label>
        {label}
        <input {...field} {...props} />
      </label>
-      {meta.touch && meta.error ? (
+      {meta.touched && meta.error ? (
        <div className="error">{meta.error}</div>
      ) : null}
    </>
  );
};

Commits

• [v2] Revert missing enableReinitialize in useFormik hook (#1399)
• [v2] Update and document field meta prop (#1409)
• [v2] Remove prod check before useField warning
• Create <Field as> and deprecate <Field component> and <Field render> (#1406)
• Add deprecation warning to <Field render>