React Material 图标变形

Question

我正在 ReactJS 和 Material UI 中创建一个小收音机播放器。实际上我正在使用此代码来显示播放或暂停按钮：

<IconButton className="player-control-play" onClick={this.togglePlay}>
    { (player_state.playing) ? <PauseIcon /> : <PlayArrowRoundedIcon /> }
</IconButton>

为了获得更好的体验，我想在这些图标交换时添加变形过渡。我查看了几个库，比如这个，但它可能已经过时了，因为它在我的应用程序上创建了一个编译错误。

所以我想知道是否有人有任何建议来实现这一目标！:)

谢谢