描述bug
请查看复现。简而言之,在使用子组件时,我遇到了这个错误:
src/stories/Header.stories.ts:11:5 - error TS2322: Type '({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element' is not assignable
to type 'ComponentType<unknown>'.
Type '({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element' is not assignable to type 'FunctionComponent<unknown>'.
Types of parameters '__0' and 'props' are incompatible.
Type 'unknown' is not assignable to type 'ButtonProps'.
复现链接
https://github.com/c-vetter/repro_storybook_subcomponents-type-error
复现步骤
npx storybook init
- 将子组件添加到故事中
- 糟糕!出错
系统
Storybook Environment Info:
System:
OS: Windows 10 10.0.19045
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 20.12.2 - ~\scoop\apps\nvm\current\nodejs\nodejs\node.EXE
Yarn: 1.22.22 - ~\scoop\apps\yarn\current\bin\yarn.CMD
npm: 10.5.0 - ~\scoop\apps\nvm\current\nodejs\nodejs\npm.CMD <----- active
pnpm: 8.15.4 - ~\scoop\apps\nvm\current\nodejs\nodejs\pnpm.CMD
Browsers:
Edge: Chromium (123.0.2420.97)
npmPackages:
@storybook/addon-essentials: ^8.1.5 => 8.1.5
@storybook/addon-interactions: ^8.1.5 => 8.1.5
@storybook/addon-links: ^8.1.5 => 8.1.5
@storybook/addon-onboarding: ^8.1.5 => 8.1.5
@storybook/blocks: ^8.1.5 => 8.1.5
@storybook/react: ^8.1.5 => 8.1.5
@storybook/react-vite: ^8.1.5 => 8.1.5
@storybook/test: ^8.1.5 => 8.1.5
eslint-plugin-storybook: ^0.8.0 => 0.8.0
storybook: ^8.1.5 => 8.1.5
额外的上下文
寻找解决方案时,我发现了 #21253
通过更新那个的复现,我终于让它正常工作了: https://github.com/c-vetter/repro_storybook_subcomponents-type-error/tree/alt/21253
我不确定相关的区别是什么,如果有任何发现,会在这里更新。
1条答案
按热度按时间rkttyhzu1#
关于这个有什么更新吗?