Generated types not working with unescape "- " syntax

[ivstiv]

🐛 Bug Report

Wrong type when using a generated interface. Doesn't work well with the dash unescape syntax {{- dontEscape}}.

When using this syntax, typescript is happy but the unescaping doesn't get applied.

  {t("app:page.test", {
    escapeOnlyThis: "bar",
    "- dontEscapeThis": "https://www.google.com",
  })}

When using this syntax, typescript is not happy but the unescaping works as intended.

  {t("app:page.test", {
    escapeOnlyThis: "bar",
    dontEscapeThis: "https://www.google.com",
  })}

Is there another way I can pass URLs in translations? I feel like I am not trying to misuse the library but if there is a better approach do let me know.

To Reproduce

1. Define a translation like this:

"test": "foo {{escapeOnlyThis}} bar {{- dontEscapeThis}}"

2. Generate an interface for the translations

i18next-resources-for-ts interface -i ./locales/en-gb -o ./@types/resources.d.ts

3. Try using the translation in typescript in the following ways

const { t } = useTranslation(ALL_RESOURCES);
...
...
<Text>
  {t("app:page.test", {
    escapeOnlyThis: "bar",
    "- dontEscapeThis": "https://www.google.com",
  })}
</Text>
...
...
<Text>
  {t("app:page.test", {
    escapeOnlyThis: "bar",
    dontEscapeThis: "https://www.google.com",
  })}
</Text>

Expected behavior

I would be happy with either behaviour as long as one of them works. I am not sure which one is more consistent:

  // currently not working at runtime
  {t("app:page.test", {
    escapeOnlyThis: "bar",
    "- dontEscapeThis": "https://www.google.com",
  })}

  // currently not working at compile time, because the generated type includes "- "
  {t("app:page.test", {
    escapeOnlyThis: "bar",
    dontEscapeThis: "https://www.google.com",
  })}

Your Environment

• "react-native": "0.72.10",
• "i18next": "^23.8.2",
• "react-i18next": "^14.0.5",
• "@types/i18next": "^13.0.0",
• "i18next-resources-for-ts": "^1.5.0",

[adrai]

feel free to provide a pr to address this