storybookjs/storybook

react__WEBPACK_IMPORTED_MODULE_15__.use is not a function when using React's new "use" hook

Open

#20,544 opened on 2023年1月9日

GitHub で見る
 (1 comment) (2 reactions) (0 assignees)TypeScript (89,909 stars) (10,058 forks)batch import
feature requesthelp wantednextjsreact

説明

Discussed in https://github.com/storybookjs/storybook/discussions/20061

Originally posted by SleeplessOne1917 December 2, 2022 I'm using React's experimental use hook with Next.js for my project. It's a fairly new feature and I've had trouble finding information on it, so I'm not surprised that storybook hasn't done anything about it yet. When Storybook tries using a component with that hook, it breaks with the error in the title. What can I do in the meantime to keep my stories working until this feature is officially supported?

コントリビューターガイド

技術スタック
reacttypescriptjavascript
領域
frontendtesting
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
4
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
React hooksStorybook basicsWebpack configuration
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
25
調査方針
Investigate the error 'react WEBPACK IMPORTED MODULE 15 .use is not a function' which occurs when using React's experimental 'use' hook. Check the webpack configuration and babel presets in Storybook's builder to ensure they support React's experimental features. Review the discussion in #20061 for additional context. The fix likely requires updating the React version or adding a babel plugin to handle the 'use' hook correctly.