【React+TypeScript開発】Material-UIのStack APIがImportできない

こんにちは。超小ネタですが、10分くらいつまづいていたので、これも記録に。

問題

Reactの、Material-UIライブラリのStack APIを使おうとして、他のコンポーネントと同じ要領でImportしようとしたら、ライブラリが見つからないとのワーニングが。あれえ・・・？

import Stack from '@material-ui/core/Stack';

Material UI – Stack API

https://mui.com/components/stack/

原因と解決方法

Material-UIのメジャーバージョンが古いことが原因でした。（Stack APIはメジャーバージョン5以降で使えるよう）

このStack Overflowが役立ちました。最新のメジャーバージョンを使うためには、以下のコマンドでアップデートする必要があるようです。知らんかった・・・

https://stackoverflow.com/questions/67777239/how-to-import-stack-component-from-material-ui-the-import-on-the-website-doesn

npm install @material-ui/core@next
もしくは
yarn add @material-ui/core@next

バージョン移行過渡期ならではのつまづきですね・・

同じ問題で詰まっていた方のお役に立てれば幸いです。

おしまい