TL;DR

Formik and Formik Native now support React 19 by updating JSX definitions, ensuring compatibility with the latest React version.

Breaking

• JSX definitions updated (React 19 compatibility).

Fixes Worth Knowing

• Resolved a JSX ref issue (component references) for React 19.

Before You Upgrade

• If you are using React 19, no action is needed. If you are on an older React version, test thoroughly to ensure no unexpected behavior.

TL;DR

Formik Native now supports Formik v3, enabling access to the latest features and improvements in the core Formik library.

Breaking

• Requires Formik v3 (core form library)
• useFormik hook signature changed (requires code updates)

Before You Upgrade

Update your project to use Formik v3 alongside this version of Formik Native. Consult the Formik v3 migration guide for details on updating your forms.

TL;DR

Formik now includes useSetFieldValue and useSetFieldTouched hooks (React hooks) for more direct control over form state.

New

• Added useSetFieldValue and useSetFieldTouched hooks for programmatic form field updates and touch state management.

TL;DR

Formik has been updated to address a security vulnerability in its Lodash (JavaScript utility library) dependency.

Fixes Worth Knowing

A security patch was applied by updating Lodash, mitigating a potential vulnerability.

Before You Upgrade

Update your project’s dependencies to ensure you are using this patched version of Formik.

TL;DR

Formik now supports field-level validation with nested data paths, improving usability with complex forms.

New

• React Native demo added (example application).

Fixes Worth Knowing

• Field-level validation now correctly handles nested data paths (accessing data within objects).
• Package size potentially reduced (using tslib – a TypeScript utility library).

TL;DR

Formik now correctly resets form values and handles number inputs, resolving issues with initial values and NaN errors.

Fixes Worth Knowing

• Form reset now properly reinitializes with initial values.
• Number input fields no longer produce NaN (Not a Number) values when empty.
• TypeScript users with strict mode will find <Field> component rendering is more flexible.

TL;DR

Formik now determines form “dirty” status based on value changes instead of field touch events, improving usability for many common form patterns.

Breaking

• dirty and isValid now reflect value changes (previously, any field being touched).
• Bracket path support is now optional.

New

• Improved TypeScript support with core testing from the TypeScript team.
• Added submitCount to track submission attempts.

Fixes Worth Knowing

• Resolved an issue with TypeScript 2.6.2 and improved type inference.
• Removed unnecessary setFieldTouched call within <FieldArray />.