Closed13
Storybook v7.6.x で出てきた問題全部解決する(したい)
ピン留めされたアイテム
snaka関連スクラップ
snaka今の環境
# yarn next info
Operating System:
Platform: linux
Arch: x64
Version: #1 SMP Fri Jan 27 02:56:13 UTC 2023
Binaries:
Node: 20.11.0
npm: 10.2.4
Yarn: 1.22.21
pnpm: N/A
Relevant Packages:
next: 14.0.4
eslint-config-next: 14.0.4
react: 18.2.0
react-dom: 18.2.0
typescript: 5.3.3
Next.js Config:
output: N/A
# yarn storybook --version
7.6.16
凡例
見出しでステータスを表現する
- ✅ 解決済み
- 💢未解決
- 🚧保留
snaka
✅ CSF Parsing error: Expected 'ObjectExpression' but found 'TSAsExpression' instead in 'TSAsExpression'. が出る
関連しているか不明だけど、コードの一部がオブジェクトとして出力されている
ちなみに Storybook 7.6.10 では発生していなかった。
snaka見た感じ babel のデータ構造っぽい
snakaメッセージを出している箇所
nodeInfo ってことは謎の文字列はやはり AST の node の情報がダンプされてる感じか
snakaASTに出力されている import { withThemeFromJSXProvider } from '@storybook/addon-themes' から推測されるのは .storybook/preview.tsx
snaka該当エラーの1つは ExportDefaultDeclaration で発生するので、 preview.tsx の export default を確認する
export default {
// 略
} as const satisfies Preview
となっていて、 as const が怪しい
snaka以下で解消したっぽい
as const はあったら良いだろう、くらいの意識で付けてただけなので外す。
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -51,4 +51,4 @@ export default {
withRecoil,
withLocalizationProvider
]
-} as const satisfies Preview
+} satisfies Preview
ちなみに Storybook
7.6.10では発生していなかった。
と書いてたが、まちがい。
実際でていたが、AST の node の dump がたまたま(?)出てなくて気づいていなかっただけだった...
snaka
🚧Warning: Link2: Support for defaultProps will be removed from function components in a future major release というワーニングが出る
snakaStorybook の次期メジャーバージョン (8.0.0) で修正されるはずなので、いまのところは静観する。
snaka一旦ここまで
このスクラップは1ヶ月前にクローズされました