描述bug

我在本地Storybook中添加了另一个故事，如 https://storybook.js.org/docs/react/sharing/storybook-composition 所述。新的故事加载得相当正确，但与尝试使用工具栏按钮背景、调整视口等功能相关联的几个JS错误。这些按钮仍然可以在本地Storybook中的其他故事中正常工作，但无法与添加了composition的故事一起工作。

重现

在main.js文件中添加：

module.exports = {
  refs: {
    'design-system': {
      title: "Storybook Design System",
      url: "https://5ccbc373887ca40020446347-yldsqjoxzb.chromatic.com",
      expanded: false // optional, true by default
    },
  },
}

系统

系统：
操作系统：macOS 12.4
CPU:(8) arm64 Apple M1
二进制文件：
Node: 16.15.0 - /opt/homebrew/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 8.5.5 - /opt/homebrew/bin/npm
浏览器：
Chrome: 104.0.5112.79
Safari: 15.5
npm包：
@storybook/addon-actions: ^6.5.10 => 6.5.10
@storybook/addon-essentials: ^6.5.10 => 6.5.10
@storybook/addon-interactions: ^6.5.10 => 6.5.10
@storybook/addon-links: ^6.5.10 => 6.5.10
@storybook/builder-webpack5: ^6.5.10 => 6.5.10
@storybook/manager-webpack5: ^6.5.10 => 6.5.10
@storybook/node-logger: ^6.5.10 => 6.5.10
@storybook/preset-create-react-app: ^4.1.2 => 4.1.2
@storybook/react: ^6.5.10 => 6.5.10
@storybook/storybook-deployer: ^2.8.12 => 2.8.12
@storybook/testing-library: ^0.0.13 => 0.0.13
@storybook/testing-react: ^1.3.0 => 1.3.0
@storybook/theming: ^6.5.10 => 6.5.10

附加信息

使用 builder: "webpack5"