Tengo una configuración con forma de gancho de reacción, sí en NextJS para la validación de formularios. Lingui para la internacionalización (seguido de esta documentación ). ¿Cómo configurar la internacionalización en el validador yup que es compatible con Lingui?

El problema al que me enfrento aquí es que después de cambiar el idioma, los errores del validador yup están en inglés.

 // src/validation/auth.js import * as yup from 'yup'; import { t } from '@lingui/macro'; export const signupEmailSchema = yup.object({ email: yup .string() .email( t({ id: 'email-valid-validation', message: 'Must be a valid email', }) ) .required( t({ id: 'email-required-validation', message: 'Email is a required field', }) ), });

 // pages/auth.js export const Auth = () => { const { handleSubmit, control, formState: { errors }, } = useForm({ resolver: yupResolver(signupEmailSchema) }); } <Controller name='email' control={control} render={({ field }) => ( <Input placeholder='johndoe@gmail.com' {...field} ref={null} /> )} /> {errors.email && ( <DangerText> // need to display translated errors here </DangerText> )} }

Gracias.