5.13. Material 5 を使用するプラグインのテーマの問題

この更新前は、Developer Hub では Material UI (MUI) 5 を使用するプラグインでテーマの問題が発生していました。

この更新により、Developer Hub に MUI 5 関連パッケージが追加され、共有モジュールとしてアプリケーションシェルに追加されました。したがって、MUI 5 コンポーネントと tss-react を使用する動的プラグインは、現在選択されているテーマを適切にロードできます。これにより、MUI 5 コンポーネントに正しい色とスタイルが適用されます。

厳密には必須ではありませんが、動的プラグインがクラス名接頭辞を持つ MUI 5 コンポーネントに依存している場合は、プラグインの index.ts に次のコードを追加することで、フロントエンドの動的プラグインにその動作を追加できます。

import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';

ClassNameGenerator.configure(componentName => {
  return componentName.startsWith('v5-')
    ? componentName
    : `v5-${componentName}`;
})

この更新により、@janus-idp/cli パッケージのバージョン 1.13.1 以降を使用する必要があります。