Zod Errors not Updating Immediately on Locale Change

[mehdikhody]

I'm encountering an issue where Zod errors do not update immediately when the user changes the locale. I'm using sveltekit-i18n library for localization, and zod for schema validation. I've set up an zodErrorMap to handle the translation of Zod errors to the current user locale. The translation works fine, but when the user changes the locale, the Zod errors do not update until another error is triggered.

1. the first picture shows errors in English.
2. Even after changing the locale to Farsi, the Zod errors remain in English.
3. Once the user makes another error, all errors are translated correctly into Farsi.

I want that to be consistently translated into the selected language without the need for an additional error trigger.

Below is the code snippet:

import { z } from "zod";

const zodErrorMap: ZodErrorMap = (error, ctx) => {
  const key = createTranslationKey(error);
  const payload = createTranslationPayload(error);
  
  return {
    message: t.get(key, payload)
  };
}

z.setErrorMap(zodErrorMap);

import { z } from "zod";

export const loginSchema = z.object({
  username: z.string().min(1),
  password: z.string().min(1),
  remember: z.boolean().default(false)
});

export type LoginSchema = typeof loginSchema;

<Form.Field {config} name="username">
  <Form.Item>
    <Form.Label>{$t("login.username")}</Form.Label>
    <Form.Input placeholder="Username" class="ltr" />
    <Form.Validation />
  </Form.Item>
</Form.Field>

Should I make any adjustments ?!