Tengo un sitio web con varios idiomas hecho en Next.js. Next.js proporciona varios métodos para obtener todas las configuraciones regionales, aquí están los siguientes:
{locale} // current locale in use 'es' {locales} // all the configured locales in an array [ "en", "de", "es", "ja", "ru" ] {defaultLocale} // if no locale provided, will use en
Luego, en mi código, tengo este método date-fns para obtener la distancia en días para una fecha determinada que obtengo de mi valor createdAt.
// my import languages import { es, de, ja, en, ru } from 'date-fns/locale'; <BodyOne> This category was funded{' '} {formatDistance(new Date(category.createdAt), new Date(), { locale: locale, })} </BodyOne>
Esto me da el siguiente error:
RangeError: locale must contain formatDistance property
No entiendo por qué, esto funciona:
{ locale: es, })}
Pero este con la configuración regional variable no lo hace.
{ locale: locale, })}
si creo una nueva constante, digamos:
const myCurrentLang = es;
funciona, pero si salgo:
const myCurrentLang = 'es';
Recibo el error: RangeError: la configuración regional debe contener la propiedad formatDistance
Tal vez necesito convertir el valor 'es' a otro tipo para que date-fns funcione.