React + Material UI + Storybook + Yarn Monorepo - 主题恢复默认

如何解决React + Material UI + Storybook + Yarn Monorepo - 主题恢复默认

背景

我正在尝试使用 Material UI 构建可共享的自定义组件（即自定义库）。我的项目是一个具有以下结构的单一存储库：

/<root>
  /docs (storybook)
     package.json (1)
  /packages
     /material-ui-<lib>
        package.json (2)
  package.json (3)

docs 具有以下 dependencies (1)：

"material-ui-<lib>": "^0.0.1","@material-ui/core": "^4.11.3","@material-ui/icons": "^4.11.2","@material-ui/styles": "^4.11.3","react": "^16.13.1","react-dom": "^16.13.1"

material-ui-<lib> 没有任何 dependencies，但有以下 peerDependencies 和 devDependencies (2)：

"@material-ui/core": "^4.11.3","react-dom": "^16.13.1"

<root> 没有任何与 dependencies 或 devDependencies (3) 相关的 material-ui 或 react。

使用的主要技术：

webpack
material-ui
yarn（带工作区）
storybook
react
typescript
babel

问题

当我在 docs 上应用新的主题提供程序时，一切正常，但在我导入 material-ui-<lib> 的那一刻，主题提供程序被忽略。

尝试

我知道 @material-ui/styles 是一个单例，因此需要将其视为唯一的。运行 yarn list @material-ui/styles 时，我只收到 1 个模块，而不是多个。

非常感谢您在此问题上的帮助。