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.