Ошибка выдачи компонента React Lingui Trans: React.cloneElement(...): аргумент должен быть элементом React, но вы передали undefined

Question

Я использую React lingui, и так как у меня много проблем с форматированием языка RTL и lingui.po файлов, я хотел разбить дочерние элементы компонента Trans следующим образом:

  <Typography variant="h4" className={classes.heading}>
    <span>
      <Trans>Sorry, you have</Trans> <span className={classes.redText}><Trans>not passed the exam</Trans></span>
    </span>
  </Typography>

Но затем я получаю сообщение об ошибке:

Ошибка: React.cloneElement(...): аргумент должен быть элементом React, но вы передали undefined.

Вышеупомянутая ошибка произошла в компоненте: в Trans (созданном I18n) в I18n (созданном WithI18n) в WithI18n (в ResultatPagePresentation.js:21) в диапазоне (в ResultatPagePresentation.js:21) в диапазоне (в ResultatPagePresentation.js:20)

Если я напишу это так, то это сработает:

    <Trans>
      Sorry, you have <span className={classes.greenText}>not passed the exam</span>
    </Trans>

Но, поскольку я хотел бы использовать первый пример, я хотел бы знать, почему я получаю указанную выше ошибку и как ее исправить?