React component key is extracted instead of i18nKey - Githubissues

i18next / i18next-parser

Parse your code to extract translation keys/values and manage your catalog files

MIT License

486 stars 198 forks source link

React component key is extracted instead of i18nKey #1038

Open Shiwa opened 3 months ago

Shiwa commented 3 months ago

🐛 Bug Report

When extracting translation from a Trans component with a react key prop, this key is used in place of the i18nKey.

To Reproduce

Running i18next-parser on the following tsx code

<SomeComponent
  texts={[
    <Trans ns="settings" key={0} i18nKey="my.i18n.key">
      <span className="font-bold">Lorem Ipsum…</span> 
    </Trans>,
  ]}
/>

Expected behavior

The etracted key should be my.i18n.key but is instead {0}

{
  "{0}": "<0>Lorem Ipsum…</0> "
}

Your Environment

runtime version: node 20, pnpm
i18next version: 23.6.0 ; react-i18next: 13.3.1 ; i18next-parser: 8.13.0
os: Linux
I tried quickly with i18next-parser 9.0.1 and by customizing the JsxLexer, but got the same result. Changing the prop order of key / i18nKey did not fix the problem either, key is always used in place of i18nKey