storybookjs/storybook

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

Open

#20 544 ouverte le 9 janv. 2023

Voir sur GitHub
 (1 commentaire) (2 réactions) (0 assignés)TypeScript (89 909 stars) (10 058 forks)batch import
feature requesthelp wantednextjsreact

Description

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?

Guide contributeur

Stack technique
reacttypescriptjavascript
Domaine
frontendtesting
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
4
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 days
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
React hooksStorybook basicsWebpack configuration
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
25
Direction de recherche
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.