描述错误

我有一个 <Button> 组件，我已经创建了 Button.stories.ts。
Button.stories.ts 中的一个条目叫做 BrokenStory。
我不想在侧边栏中显示这个故事，所以我把它添加到包含配置的 Button.stories.ts 默认导出中 - excludeStories: ["BrokenStory"],。
然而，我想让这个示例在我的文档文件中的 <Canvas> 上呈现为 <Canvas of={ButtonStories.BrokenStory} />,但是我得到了一个错误：

Invalid value passed to the 'of' prop. The value was resolved to a 'component or unknown' type but the only types for this block are: story.

以前，我会像这样使用 <Canvas>:

<Canvas>
  ... my code example here...
</Canvas>

但是自从 Storybook 7 以来，我需要引用 <Canvas of={ButtonStories.BrokenStory} />
将 BrokenStory 移动到 Button.stories.ts 意味着它会自动在侧边栏中渲染，这是不希望看到的

重现问题

https://stackblitz.com/edit/github-oxjaxt?file=stories%2FButton.stories.ts,stories%2FButton.mdx
与自动生成的默认值的不同之处：
新文件：Button.mdx
修改：Button.stories.ts 在 meta 中有 excludeStories,并且 tags: ['autodocs'] 已注解掉

系统

• 无响应*

其他上下文

我找到的解决方法是在 MDX 中以如下方式渲染 BrokenStory:
<ButtonStories.BrokenStory />
而不是像这样：
<Canvas of={ButtonStories.BrokenStory} />
这样 autodocs 仍然为 BrokenStory 生成条目，但可以通过 excludeStories: ["BrokenStory"] 在 Button.stories.ts 中排除它。这样就不会破坏。缺点是组件不会在 <Canvas> 上渲染