總結

.MuiBox 無法直接透過 styleOverrides 來調整外觀樣式，需搭配 .MuiScopedCssBaseline 與 ScopedCssBaseline 元件來實現外觀客製化

版本與環境

@mui/material: 5.4.4

筆記

• 查看 /@mui/material/styles/createTheme.d.ts 與 /@mui/material/styles/components.d.ts 會發現 MuiBox 並不存在於型別定義檔案中，即使在 createTheme() 傳入 MuiBox 的樣式設定，也不會有任何效果
• 替代方案：將 MuiBox 的樣式設定包覆於 MuiScopedCssBaseline 之下，即可覆寫 MuiBox 的預設外觀

展示

參考文件

• [Box] No MuiBox property defined in ThemeOptions.overrides (typescript)
• MUI: CSS Baseline