MUI@6 でカスタムパレットを型安全に定義する

自身が定義したプロパティをコンポーネント側でも型定義する際、バージョン5と6で定義方法が変わったので備忘録として残します。 今回は独自で定義した gray というプロパティをコンポーネントでも候補として出せるようにする方法です。 MUI@5 でやっていた型定義 検索するとよく出てくるやり方。 declare module '@mui/material/styles' に定義するのは Palette と PaletteOptions を extends する方法で定義します。 const CustomPalettes = { /** グレースケール */ gray: { Black: "#1c1c1c", DarkGray: "#7b7b7b", Gray: "#bababa", LightGray: "#ececec", veryLightGray: "#efefef", extraLig