反应材质图标变形

Question

我正在ReactJS和Material UI中创建一个小型广播播放器。 实际上，我正在使用以下代码显示“播放”或“暂停”按钮：

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

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

所以我想知道是否有人对实现这一目标有任何建议！ ：）

谢谢