【React】Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.の対処法

症状

ReactでSPA開発をしている際に、以下のwarnがでました。 翻訳すると、「Material-UI：機能をわかりやすく説明するために、 `fade`カラーユーティリティの名前が` alpha`に変更されました。 '@ material-ui / core / styles'`から `import {alpha}を使用する必要があります」でした。

error

Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.

You should use `import { alpha } from '@material-ui/core/styles'`

解決策

パッケージの次バージョンをインストールすることで解決しました。 特にimportする必要はなかったですが、＠mui/labは見つからなくなっていたので再度追加したりはしました。

solution

npm install @material-table/core@next

参考