css - 使用 appsflyer/ui-charts 时反应 MUI 类名冲突

Question

我们集成appsflyer/ui-charts到我们的 Creatives 项目中，类似于在unitfied-overview.

我注意到，当我与图表交互时，<style data-jss> 会生成许多空标签并覆盖页面的当前样式。

这些样式由 mui 注入，并覆盖初始样式并破坏当前页面设计

Answer 1

在 mui 文档https://v4.mui.com/styles/api/#creategenerateclassname-options-class-name-generator中找到了此名称共谋的解决方案

const generateClassName = createGenerateClassName({
  seed: 'ctv-'
});

通过添加

 <ThemeProvider>
      <StylesProvider generateClassName={generateClassName}>
...
</TheamProvider>