withZodSchema.ts

gistfile1.txt

import type { ParseParams, ZodSchema } from "zod";

/**
 * Allows you to easily use Zod schemas with the <Formik /> component `validate`
 * prop.
 *
 * ```js
 * <Formik {...} validate={withZodSchema(yourSchema)}>
 * ```
 */
export const withZodSchema =
  <T>(schema: ZodSchema<T>, params?: Partial<ParseParams>) =>
  (values: T): Partial<T> => {
    const result = schema.safeParse(values, params);

    if (result.success) return {};

    const errors = result.error.issues.reduce((acc, curr) => {
      const key = curr.path.join(".");
      return {
        ...acc,
        [key]: curr.message,
      };
    }, {});

    return errors;
  };