zod-i18n-map not working with i18next in es module

[juetan]

Reproduction: https://stackblitz.com/edit/stackblitz-starters-vcpapm?file=index.js. just run node ./index.js.

in above, set package.json's type to module. index.js actually import i18next's esm version, but import zod-i18n-map's cjs version which import i18next's cjs version. the i18next is not the same

the solution would be: add exports field to zod-i18n-map's package.json, just like what i18next do.

i would like to make a pr.

[rhyek]

Just ran into this. Found a temporary fix (hack) here.

[taro-28]

I am also having the same problem.

@juetan
May I make a PR instead?

[wilmaribg]

This code works for me

import { z } from "zod";
import i18n from "i18next";
import { initReactI18next } from "react-i18next";

import { makeZodI18nMap } from "zod-i18n-map";

import es from "../locales/es.json";
import en from "../locales/en.json";
import pt from "../locales/pt.json";
import zodEs from "zod-i18n-map/locales/es/zod.json";
import zodEn from "zod-i18n-map/locales/en/zod.json";
import zodPt from "zod-i18n-map/locales/pt/zod.json";

const resources = {
  en: { translation: en, zod: zodEn },
  es: { translation: es, zod: zodEs },
  pt: { translation: pt, zod: zodPt },
};

i18n.use(initReactI18next).init({
  resources,
  lng: "es",
  fallbackLng: "en",
});

z.setErrorMap(makeZodI18nMap({ t: i18n.t.bind(i18n) }));

export default i18n;