reactjs / reactjs/react-docgen
Using the export keyword between a decorator and a class is not allowed
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.8k
- Forks
- 316
- Avg merge
- 5h 7m
- Merged PRs (30d)
- 4
Description
I'm attempting to migrate react-styleguidist from v8 -> v9 and noticed that react-styleguidist@8.0.5 and beyond starts showing errors in the terminal:
You can now view your style guide in the browser:
Local: http://localhost:6060/
On your network: http://10.242.26.49:6060/
Warning: Cannot parse src/components/Markdown/index.jsx: SyntaxError: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead. (28:0)
It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
Warning: Cannot parse src/components/Search/index.jsx: SyntaxError: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead. (59:0)
It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
Warning: Cannot parse src/components/Snackbar/index.jsx: SyntaxError: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead. (53:0)
It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
Warning: Cannot parse src/components/SpeedDial/index.jsx: SyntaxError: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead. (18:0)
It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
This warning does not show on react-styleguidist@8.04. I think https://github.com/styleguidist/react-styleguidist/pull/1200 may be the culprit. Would this be a react-docgen issue? /cc @danez
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the warning using the react-styleguidist versions named in the report and the four reported JSX paths: src/components/Markdown/index.jsx, Search/index.jsx, Snackbar/index.jsx, and SpeedDial/index.jsx. Compare the parser behavior around decorators and exports; done means these files no longer produce the reported syntax warning during documentation generation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- documentation
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100