React Fragment (`<>`) inside `<Plural>` is not working about js-lingui HOT 5 OPEN

This syntax is not supported and not planned. You can wrap inner branches into <Trans>

I will prepare a PR which will show an error message on attempt to use this syntax.

from js-lingui.

Canonical way is to use Trans instead of React.Fragment

from js-lingui.

@thekip what do you think about adding a rule for this case to the ESLint plugin?

from js-lingui.

But I don't understand: it works fine with <React.Fragment> or <span> or any tag.

Are only strings supposed to be supported as arguments to one, other, etc.?

If so what is the canonical way to achieve what I'm trying to do, basically: There is/are <b>#</b>?

Here is another example using SelectOrdinal, that feels legitimate and that also works fine with React.Fragment:

<SelectOrdinal
  value={value}
  other={<React.Fragment>#<sup>th</sup></React.Fragment>}
/>

from js-lingui.

Alright thanks!

By the way the only example in the documentation that uses html elements in the one, other, ... attributes of Plural (and not just strings) is in the introduction and it does not use Trans but span (which seemed more intuitive!).

from js-lingui.