Zod 4 localized error messages

[bennajah]

Zod 4 introduce new localized error messages
https://zod.dev/error-customization#locales

How to load custom error messages using zod 4 and next-intl

[amannn]

I think this should still work and would be my recommendation: https://next-intl.dev/docs/environments/actions-metadata-route-handlers#server-actions-zod

There are different strategies though, you can also use built-in localization from zod if you prefer that.

[bennajah]

im using this to built-in localization from zod

import * as z from "zod";
 
async function loadLocale(locale: string) {
  const { default: locale } = await import(`zod/v4/locales/${locale}.js`);
  z.config(locale());
};
 
// src/i18n/request.ts
await loadLocale(requestedLocale);

but when try change locale the error messages still in english (default)

[amannn]

Hmm, I'm not sure why that's the case—sorry. Maybe some logging could help to diagnose this.

But a localized error map as shown in the docs is otherwise also an alternative, and allows to provide more precise error messages.

[bennajah]

I tried the solution mentioned in the docs, but when using form validation on both the client and server, I have to handle translated error messages twice. This happens because there’s no unified method to share translations between client-side and server-side validation.