"High-level API: ReactCSSTransitionGroup" code example not working

Open Beginner friendly
#3,737 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript, react
Domain
documentation

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.

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.

Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
16h 6m
Merged PRs (30d)
7

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from reactjs/react.dev

All issues in reactjs/react.dev

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.