Dynamic message keys

[henrikbossart]

Hi,

I have am trying to get the mesages dynamically like this:

// defined in messages.ts
export default {
  PageTitle: {
    new: {...},
    reports: {...},
    ...
  }
}


const titleTranslations = useTranslations('PageTitles')
const title =
    props.title ?? titleTranslations(`${pathname.split('/').at(-1) as typeof keys}.title`)

But am having a hard time doing it because TypeScript can't stop complaining about it. It works if I explicitly define the variable to be a certain key.

Is there some way I can type or cast this to work with dynamic keys?

Any help is highly appreciated! 🙏