Material UI v6へメジャーアップデート！

Material UI v6がリリースされた。
2021年9月以来のメジャーアップデートとなる。

アップデート概要は以下の通り。

CSS variables生成フラグの追加：
フラグをONにすることにより、themeに設定した内容がピュアなCSS variablesで出力される。

ダークモード対応：
colorSchemesの追加によりダークモード設定が容易に。useColorSchemeというhooksも用意されており、ダークモードかどうかの判定も可能となった。

Container queriesの追加：
ビューポートではなく、親コンテナの幅に基づいてスタイルを定義できる。

パフォーマンスの改善：
レンダリング速度が向上し、ユーザー体験が改善。また、より軽量なバンドルサイズで、ロード時間が短縮。

アクセシビリティの強化：
より多くのコンポーネントがARIA属性をサポートし、アクセシビリティが向上。また、キーボード操作がより直感的になるようキーボードナビゲーションの改善。

また、Next.jsのApp Routerでもシンプルに使用できるようになっており、ドキュメントも更新されている。