在<i>组件上使用材质ui工具提示

我想使用 material-ui react tooltip

const Icon = ({
    name,
    color,
    size,
}) => {

    return (
        <i
            aria-hidden='true'
            style={{
                    fontSize: size,
                    color,
                }}>
            {name}
        </i>
    )
};

export default Icon;

图标是通过 Iconfont .

...
icons.map(icon => {
    <Tooltip
        title='Foo'
        placement='right'>
        <Icon
            size={icon.size}
            color={icon.color}
            name={icon.name} />
    </Tooltip>
}
...

<Icon /> <i> ,有效。

...
icons.map(icon => {
    <Tooltip
        title='Foo'
        placement='right'>
            <i>
                {'Bar'}
            </i>
    </Tooltip>
}
...

我怎么用这个 material-ui react tooltip 与th <图标/> 组件?