"High-level API: ReactCSSTransitionGroup" code example not working
Open
Beginner friendly
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.8k
- Forks
- 7.9k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 11
Description
Hey, I was recently looking at the docs and I found a code example that didn't work.
CodeSandbox for reference
Docs reference
This throws me this error -
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `TodoList`.
I guess this is some gotcha with imports.
Thanks.
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
Open the Docs reference at the High-level API: ReactCSSTransitionGroup section and reproduce the failure using the linked CodeSandbox. Compare the example's imports with the ReactCSSTransitionGroup API, then verify that the corrected example renders without the invalid element type error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- documentation
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 65/100