使用react-i18next在Material-UI中传递的道具翻译未按预期工作

Question

我有一个显示芯片的芯片组件

         <Chip
            label={this.props.title}
            classes={{root: classes.root, label: classes.label}}
            className={classes.chip}
            color='secondary'
            variant={this.props.selected? 'default': 'outlined'} 
          />

我想使用react-i18next本地化标题

我正在尝试通过这种方式

<Chip title={<Trans>TITLE1</Trans>} badge='4' onClick={() => this.handleClick()} />

但是文本没有得到翻译。基本上，传递给道具的任何文本都不会得到翻译。我能够翻译硬编码的文本。我在这里做什么错了？