Translation function fully type-safe not compatible with context

[jer-sen]

🐛 Bug Report

A resource with context (type_male, type_female) is not allowed with fully TypeScript-safe use.

To Reproduce

{
      "type_male": "homme",
      "type_female": "femme"
}

t('type', { context: 'male' }); // TS error

Expected behavior

No error.

Your Environment

• i18next@20.3.1
• react-i18next@11.11.0

[adrai]

//cc @JCQuintas

[JCQuintas]

This is a limitation of the current type declaration, I can try something later today to see if it can be fixed.

For now you can work around this by using t("type" as keyof CustomTypeOptions['resources']['your_namespace'] , { context: "male" })

[pedrodurek]

yup, that syntax it's not supported. I'd recommend using this approach instead (for now):

t(`type_${context}` as const);

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[adrai]

try with i18next v22.4.5

[adrai]

#1617
#1541

[adrai]

i18next v23.0.0 will probably not address that yet

[adrai]

handled in i18next v23.4.0 (https://github.com/i18next/i18next/pull/2007/files#diff-97e65d0ee521805ff4ac2d967b61062da8f5543569da4177ceeff689ce4463a3R150)