Busqué en Google y encontré los mismos problemas, pero como soy nuevo en TS, no pude implementarlo en mi caso. Asi que

En mi aplicación nextjs + ts , habilité la internalización para 4 idiomas. El contenido es estático y proviene del backend.

Esta es la forma de todo mi contenido estático.

 field: { en: "", ru: "", uz: "", oz: "" }

y esta es una demostración simplificada de cómo los muestro según el idioma del sitio:

 const static_content = { title:{ en: "Main title", ru: "Основное название", uz: "Bosh sahifa", oz: "Бош саҳифа" } ... } import {useRouter} from 'next/router' const router = useRouter() static_content.title[router.locale] // Type 'undefined' cannot be used as an index type. ts(2538)

Lo intenté:

 router.locale && static_content.title[router.locale]

pero en este caso dice:

 Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ en: string; ru: string; uz: string; oz: string; }'. No index signature with a parameter of type 'string' was found on type '{ en: string; ru: string; uz: string; oz: string; }'.ts(7053)

Los datos provienen del backend y se ven así:

 { title_en: "", title_ru: "", title_uz: "", title_oz: "", ... }

y así es como lo estoy mostrando

 interface dataType { title_en: string title_ru: string title_uz: string title_oz: string } const data: dataType = await fetchData() data['title_'+router.locale] // error ts(7053)

error ts(7053):

 Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'dataType'. No index signature with a parameter of type 'string' was found on type 'dataType'.ts(7053)

El proyecto ya estaba terminado en javascript, solo quería convertirlo a mecanografiado. Este es el único tipo de error que no pude resolver porque soy nuevo en ts y este único error existe en mis 20 páginas 2-4 por página, por lo que me gustaría tener una solución simple.

¡Gracias de antemano!