Doesn't work with Trans component about i18next-emoji-postprocessor HOT 9 CLOSED

Just to clarify, this is how I am using the trans component:

<Trans i18nKey="key">
  Special{' '}
  <span className="font-weight-light">
    (e.g. bank holidays, events ...)
  </span>
</Trans>

where the translation would be:

{
  ...,
  key: 'Special <2>(e.g. bank holidays, events ...)</2>',
  ...
}

from i18next-emoji-postprocessor.

Can you try to add the postProcess: 'emoji' option?

I suspect postProcess is not the working without that option for Trans component...
Need to ask @jamuhl if he knows more... I also suspect the tOption for Trans component is completely ignored...

This is probably because the overloadTranslationOptionHandler option is only executed, if no t options are passed...

This change in Translator.js fixes it, but breaks an older compatibility test:

from i18next-emoji-postprocessor.

https://github.com/i18next/react-i18next/blob/master/src/Trans.js#L259 you can pass in options via prop tOptions

from i18next-emoji-postprocessor.

Yes, setting tOptions individually works:

from i18next-emoji-postprocessor.

Thanks guys, I can confirm that adding:

postProcess: 'emoji'

to i18next options fixes this issue. Apparently there is no need to add this for every Trans component when that option is provided.

from i18next-emoji-postprocessor.

@PeterKottas Yes, that works, but it’s not an official api option... I’ve added a PR to react-i18next for further investigation next week...

from i18next-emoji-postprocessor.

@adrai it is official API -> it defines which postprocessors to run in each case: https://www.i18next.com/overview/configuration-options#translation-defaults

from i18next-emoji-postprocessor.

All ok, updated the readme

from i18next-emoji-postprocessor.

Lovely, thanks for your help gents!

from i18next-emoji-postprocessor.