我有一个场景，我的项目分为两个存储库，{WEBSITE}和{COMPONENTS}。
{WEBSITE}处理业务逻辑和数据提取，它还会导入{COMPONENTS}以获取提取的数据。
{COMPONENTS}处理UI主题：颜色，字体，全局变量..它们是纯粹的表现性组件。
MUI使用的典型情况是在<MuiThemeProvider>或<Router>周围包裹<App>。
但是在我的情况下，{WEBSITE}没有安装material-ui，因此除非从MuiThemeProvider明确导出，否则无法访问{COMPONENTS}/material-ui（这听起来像是反模式对我来说）
因此，为了设置{COMPONENTS}中找到的每个MUI组件的样式，我发现自己必须使用MuiThemeProvider导出每个组件，如下所示：
<MuiThemeProvider muiTheme={sharedThemeBetweenComponents}>
<Header>
<AppBar />
</Header>
</MuiThemeProvider>
<MuiThemeProvider muiTheme={sharedThemeBetweenComponents}>
<Card />
</MuiThemeProvider>
是否建议使用MuiThemeProvider导出每个组件？如果我的{WEBSITE}页面上有数百个组件，这将如何影响全球性能？