t values undefined

[chertik77]

Description

Messages structure (array of slides):

 "slides": [
          {
          "region": "{region} Synevyr",
          "place": "Synevyr",
          "nameOfPlace": "National Nature Park",
          "factsTitle": "Facts",
          "facts": [
            "Zakarpattia region",
            "The largest and the deepest mountain lake",
            "Swimming is banned"
          ]
        },
        {
          "region": "Kamianets-Podilskyi",
          "place": "Bakota",
          "nameOfPlace": "Flooded village",
          "factsTitle": "Facts",
          "facts": [
            "Khmelnytskyi region",
            "The area is 1590 hectares (equals 3,930 acres)",
            "It was named after the village existed there until 1981"
          ]
        },
        {
          "region": "{region} Korolivka {fullRegion}",
          "place": "Optymistychna",
          "nameOfPlace": "Gypsum Cave",
          "factsTitle": "Facts",
          "facts": [
            "Ternopil region",
            "The longest gypsum cave-labyrinth in the world",
            "More than 260 km of labyrinth are mapped"
          ]
        },

 const regionParams = isSynevyr
    ? { region: 'village of', fullRegion: '' }
    : { region: '', fullRegion: locale === 'en' ? 'village' : '' }

 {/* @ts-expect-error It cannot infer the type of the values due to dynamic region key*/}
            {t(`slides.${index}.region`, regionParams)}

Verifications

• I've verified that the problem I'm experiencing isn't covered in the docs.
• I've searched for similar, existing issues on GitHub and Stack Overflow.
• I've compared my app to a working example to look for differences.

Expected behaviour

The type of the values should not be undefined

[amannn]

Please see the arrays of messages docs. I'll move this to a discussion since it's a usage question.