реагировать-i18следующий <Trans>Объект не является допустимым дочерним объектом

Question

Я использую реагировать-i18следующий. И когда дело доходит до <Trans> компонента.

У меня есть что-то вроде этого:

<Trans i18nKey="showTotal">
   Showing {{total}}
</Trans>

"showTotal": "Showing {{total}}",

Но React сразу выдает ошибку:

Объекты недопустимы как дочерние элементы React (найдено: объект с ключами {total})

Странная часть - мой коллега, который использует Windows, запустите код, и все в порядке.

Можно ли как-нибудь это исправить?

---

ОБНОВЛЕНИЕ

Я использовал yarn для установки своих пакетов. Это работает, когда я устанавливаю пакеты, используя npm (мой коллега использует npm, поэтому я стараюсь)

Answer 1

Я обычно использую

<Interpolate
  i18nKey="showTotal"
  total={111}
/>

"showTotal": "Showing {{total}}"

Результат: Showing 111