Skip to content

Instantly share code, notes, and snippets.

@elyseholladay
Created December 21, 2023 19:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save elyseholladay/4bd42951fd83ba6d8b10eba33e1e1142 to your computer and use it in GitHub Desktop.
Save elyseholladay/4bd42951fd83ba6d8b10eba33e1e1142 to your computer and use it in GitHub Desktop.
yarn storybook
@storybook/cli v7.6.6
info => Starting manager..
(node:87275) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/elyse.holladay/color/src/projects/node_modules/tslib/package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Starting preview..
info Using Babel compiler
info Addon-docs: using MDX2
info => Using implicit CSS loaders
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
ERROR in ./src/Footer/Footer.stories.tsx 1:0-53
Module not found: Error: Can't resolve 'storybookConstants' in '/Users/elyse.holladay/color/src/projects/common/frontend/components/src/Footer'
@ ./src/Footer/ lazy ^\.\/.*$ include: (?:\/src\/Footer\/(?%21\.)(?=.)[^/]*?\.stories\.tsx)$ chunkName: [request] namespace object ./Footer.stories.tsx ./Footer.stories
@ ./storybook-stories.js 10:11-14:5
@ ./storybook-config-entry.js 6:0-50 25:21-29 28:2-31:4 28:58-31:3 30:31-39
ERROR in ./.storybook/decorators/IntlDecorator.tsx
Module build failed (from ../../../node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/elyse.holladay/color/src/projects/common/frontend/components/.storybook/decorators/IntlDecorator.tsx: Missing initializer in const declaration. (11:27)
9 | import { useComponentsMessages } from '../../src/Translations';
10 |
> 11 | const StoryBookIntlProvider: React.FC<{ locale: Locale }> = (props) => {
| ^
12 | const { locale, children } = props;
13 | const messages = useComponentsMessages({ locale });
14 | const { setCookie } = useCookiesContext();
at constructor (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:356:19)
at JSXParserMixin.raise (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3223:19)
at JSXParserMixin.parseVar (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13267:16)
at JSXParserMixin.parseVarStatement (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13100:10)
at JSXParserMixin.parseStatementContent (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12683:23)
at JSXParserMixin.parseStatementLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12588:17)
at JSXParserMixin.parseModuleItem (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12565:17)
at JSXParserMixin.parseBlockOrModuleBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13189:36)
at JSXParserMixin.parseBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13182:10)
at JSXParserMixin.parseProgram (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12464:10)
at JSXParserMixin.parseTopLevel (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12454:25)
at JSXParserMixin.parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14376:10)
at parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14417:38)
at parser (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/parser/index.js:41:34)
at parser.next (<anonymous>)
at normalizeFile (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/normalize-file.js:64:37)
at normalizeFile.next (<anonymous>)
at run (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/index.js:21:50)
at run.next (<anonymous>)
at transform (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transform.js:22:33)
at transform.next (<anonymous>)
at step (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:261:32)
at /Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:273:13
at async.call.result.err.err (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:223:11)
@ ./.storybook/preview.js 3:0-59 100:89-102
@ ./storybook-config-entry.js 9:1407-1507 33:2-36:4 33:1427-36:3
ERROR in ./.storybook/decorators/RequiredProvidersDecorator.tsx
Module build failed (from ../../../node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/elyse.holladay/color/src/projects/common/frontend/components/.storybook/decorators/RequiredProvidersDecorator.tsx: Missing semicolon. (24:50)
22 | queryKey: [endpoint, options],
23 | } = queryOptions;
> 24 | const { searchParams } = (options ?? {}) as any;
| ^
25 | const url = `${endpoint}${toQueryString(searchParams)}`;
26 | const response = await fetch(url);
27 | return response.json();
at constructor (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:356:19)
at JSXParserMixin.raise (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3223:19)
at JSXParserMixin.semicolon (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3580:10)
at JSXParserMixin.parseVarStatement (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13101:10)
at JSXParserMixin.parseStatementContent (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12683:23)
at JSXParserMixin.parseStatementLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12588:17)
at JSXParserMixin.parseStatementListItem (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12568:17)
at JSXParserMixin.parseBlockOrModuleBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13189:61)
at JSXParserMixin.parseBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13182:10)
at JSXParserMixin.parseBlock (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13170:10)
at JSXParserMixin.parseFunctionBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11935:24)
at JSXParserMixin.parseArrowExpression (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11910:10)
at JSXParserMixin.parseAsyncArrowFromCallExpression (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11066:10)
at JSXParserMixin.parseCoverCallAndAsyncArrowHead (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10972:27)
at JSXParserMixin.parseSubscript (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10899:19)
at JSXParserMixin.parseSubscripts (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10870:19)
at JSXParserMixin.parseExprSubscripts (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10861:17)
at JSXParserMixin.parseUpdate (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10840:21)
at JSXParserMixin.parseMaybeUnary (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10816:23)
at JSXParserMixin.parseMaybeUnaryOrPrivate (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10654:61)
at JSXParserMixin.parseExprOps (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10659:23)
at JSXParserMixin.parseMaybeConditional (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10636:23)
at JSXParserMixin.parseMaybeAssign (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10597:21)
at /Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10567:39
at JSXParserMixin.allowInAnd (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12284:12)
at JSXParserMixin.parseMaybeAssignAllowIn (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10567:17)
at JSXParserMixin.parseObjectProperty (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11784:83)
at JSXParserMixin.parseObjPropValue (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11811:100)
at JSXParserMixin.parsePropertyDefinition (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11745:17)
at JSXParserMixin.parseObjectLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11660:21)
at JSXParserMixin.parseExprAtom (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11155:23)
at JSXParserMixin.parseExprAtom (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:6932:20)
at JSXParserMixin.parseExprSubscripts (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10857:23)
at JSXParserMixin.parseUpdate (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10840:21)
at JSXParserMixin.parseMaybeUnary (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10816:23)
at JSXParserMixin.parseMaybeUnaryOrPrivate (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10654:61)
at JSXParserMixin.parseExprOps (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10659:23)
at JSXParserMixin.parseMaybeConditional (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10636:23)
at JSXParserMixin.parseMaybeAssign (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10597:21)
at /Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10567:39
at JSXParserMixin.allowInAnd (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12284:12)
at JSXParserMixin.parseMaybeAssignAllowIn (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10567:17)
at JSXParserMixin.parseObjectProperty (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11784:83)
at JSXParserMixin.parseObjPropValue (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11811:100)
at JSXParserMixin.parsePropertyDefinition (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11745:17)
at JSXParserMixin.parseObjectLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11660:21)
at JSXParserMixin.parseExprAtom (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:11155:23)
at JSXParserMixin.parseExprAtom (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:6932:20)
at JSXParserMixin.parseExprSubscripts (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10857:23)
at JSXParserMixin.parseUpdate (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:10840:21)
@ ./.storybook/preview.js 2:0-85 100:45-71
@ ./storybook-config-entry.js 9:1407-1507 33:2-36:4 33:1427-36:3
ERROR in ./src/Footer/Footer.tsx
Module build failed (from ../../../node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/elyse.holladay/color/src/projects/common/frontend/components/src/Footer/Footer.tsx: Missing initializer in const declaration. (55:19)
53 | ];
54 |
> 55 | export const Footer: React.FC = () => {
| ^
56 | return (
57 | <Box
58 | component="footer"
at constructor (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:356:19)
at JSXParserMixin.raise (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3223:19)
at JSXParserMixin.parseVar (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13267:16)
at JSXParserMixin.parseVarStatement (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13100:10)
at JSXParserMixin.parseStatementContent (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12683:23)
at JSXParserMixin.parseStatementLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12588:17)
at JSXParserMixin.parseStatementListItem (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12568:17)
at JSXParserMixin.parseExportDeclaration (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13835:17)
at JSXParserMixin.maybeParseExportDeclaration (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13790:31)
at JSXParserMixin.parseExport (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13713:29)
at JSXParserMixin.parseStatementContent (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12715:27)
at JSXParserMixin.parseStatementLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12588:17)
at JSXParserMixin.parseModuleItem (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12565:17)
at JSXParserMixin.parseBlockOrModuleBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13189:36)
at JSXParserMixin.parseBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13182:10)
at JSXParserMixin.parseProgram (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12464:10)
at JSXParserMixin.parseTopLevel (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12454:25)
at JSXParserMixin.parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14376:10)
at parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14417:38)
at parser (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/parser/index.js:41:34)
at parser.next (<anonymous>)
at normalizeFile (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/normalize-file.js:64:37)
at normalizeFile.next (<anonymous>)
at run (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/index.js:21:50)
at run.next (<anonymous>)
at transform (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transform.js:22:33)
at transform.next (<anonymous>)
at step (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:261:32)
at /Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:273:13
at async.call.result.err.err (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:223:11)
@ ./src/Footer/Footer.stories.tsx 2:0-34 6:13-19 17:53-59
@ ./src/Footer/ lazy ^\.\/.*$ include: (?:\/src\/Footer\/(?%21\.)(?=.)[^/]*?\.stories\.tsx)$ chunkName: [request] namespace object ./Footer.stories.tsx ./Footer.stories
@ ./storybook-stories.js 10:11-14:5
@ ./storybook-config-entry.js 6:0-50 25:21-29 28:2-31:4 28:58-31:3 30:31-39
ERROR in ./src/index.ts
Module build failed (from ../../../node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/elyse.holladay/color/src/projects/common/frontend/components/src/index.ts: Support for the experimental syntax 'flow' isn't currently enabled (105:8):
103 | export { TFormFieldDisplayOptions } from './FormFields/types';
104 | export { Checkbox, ToggleAllCheckbox } from './Checkboxes';
> 105 | export type { ICheckboxGroupOption } from './Checkboxes';
| ^
106 |
107 | export { FilterButton, TableFilterButtonContainer } from './legacy/FilterButton';
108 | export { FormikCheckbox, FormikCheckboxGroup } from './legacy/Form/Fields/FormikCheckbox';
Add @babel/preset-flow (https://github.com/babel/babel/tree/main/packages/babel-preset-flow) to the 'presets' section of your Babel config to enable transformation.
If you want to leave it as-is, add @babel/plugin-syntax-flow (https://github.com/babel/babel/tree/main/packages/babel-plugin-syntax-flow) to the 'plugins' section to enable parsing.
at constructor (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:356:19)
at JSXParserMixin.raise (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3223:19)
at JSXParserMixin.expectOnePlugin (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:3269:18)
at JSXParserMixin.isExportDefaultSpecifier (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13850:16)
at JSXParserMixin.maybeParseExportDefaultSpecifier (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13748:40)
at JSXParserMixin.parseExport (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13680:29)
at JSXParserMixin.parseStatementContent (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12715:27)
at JSXParserMixin.parseStatementLike (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12588:17)
at JSXParserMixin.parseModuleItem (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12565:17)
at JSXParserMixin.parseBlockOrModuleBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13189:36)
at JSXParserMixin.parseBlockBody (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:13182:10)
at JSXParserMixin.parseProgram (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12464:10)
at JSXParserMixin.parseTopLevel (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:12454:25)
at JSXParserMixin.parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14376:10)
at parse (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/parser/lib/index.js:14417:38)
at parser (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/parser/index.js:41:34)
at parser.next (<anonymous>)
at normalizeFile (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/normalize-file.js:64:37)
at normalizeFile.next (<anonymous>)
at run (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transformation/index.js:21:50)
at run.next (<anonymous>)
at transform (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/node_modules/@babel/core/lib/transform.js:22:33)
at transform.next (<anonymous>)
at step (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:261:32)
at /Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:273:13
at async.call.result.err.err (/Users/elyse.holladay/color/src/projects/node_modules/gensync/index.js:223:11)
@ ./.storybook/decorators/ThemeDecorator.tsx 1:0-57 13:32-47 14:15-26
@ ./.storybook/preview.js 4:0-61 100:73-87
@ ./storybook-config-entry.js 9:1407-1507 33:2-36:4 33:1427-36:3
preview compiled with 5 errors
WARN export 'withReset' (imported as 'withReset') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'withReset' (imported as 'withReset') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'withReset' (imported as 'withReset') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'IconButtonSkeleton' (imported as 'IconButtonSkeleton') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'ErrorFormatter' (imported as 'ErrorFormatter') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'codeCommon' (imported as 'codeCommon') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'codeCommon' (imported as 'codeCommon') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'codeCommon' (imported as 'codeCommon') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'codeCommon' (imported as 'codeCommon') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'ResetWrapper' (imported as 'ResetWrapper') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'withReset' (imported as 'withReset') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'ResetWrapper' (imported as 'ResetWrapper') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
WARN export 'ResetWrapper' (imported as 'ResetWrapper') was not found in '@storybook/components' (possible exports: A, ActionBar, AddonPanel, ArgsTable, ArgsTableError, Badge, Bar, Blockquote, BooleanControl, Button, Code, ColorControl, ColorItem, ColorPalette, DL, DateControl, Description, Div, DocsContent, DocsPageWrapper, DocsWrapper, DocumentWrapper, FilesControl, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IFrame, IconButton, IconGallery, IconItem, Icons, Img, LI, Link, Loader, NoControlsWarning, NumberControl, OL, ObjectControl, OptionsControl, P, Placeholder, Pre, Preview, PreviewSkeleton, RangeControl, ScrollArea, Separator, Source, SourceError, Spaced, Span, Story, StoryError, StorySkeleton, StorybookIcon, StorybookLogo, StyledSyntaxHighlighter, Subtitle, Symbols, SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, TabbedArgsTable, Table, TableWrapper, Tabs, TabsState, TextControl, Title, TooltipLinkList, TooltipMessage, TooltipNote, Typeset, UL, WithTooltip, WithTooltipPure, Zoom, argsTableLoadingData, components, format, formatDate, formatTime, getStoryHref, interleaveSeparators, nameSpaceClassNames, parse, parseDate, parseTime, resetComponents)
=> Failed to build the preview
99% end closing watch compilationWARN Force closed preview build
SB_BUILDER-WEBPACK5_0003 (WebpackCompilationError): There were problems when compiling your code with Webpack.
Run Storybook with --debug-webpack for more information.
at starter (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/dist/index.js:1:9660)
at starter.next (<anonymous>)
at Module.start (/Users/elyse.holladay/color/src/projects/node_modules/@storybook/builder-webpack5/dist/index.js:1:11692)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment