Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Error: No suitable component definition found using "export default ({}) => ..."

Open
#264 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

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

Research direction

Start by reproducing the supplied export syntax with react-docgen v2 and v3.0.0-beta12, then compare it with the class export that succeeds. Trace the component-definition detection for the arrow-function form; done means the reported syntax is handled without the error and the behavior is covered by a regression test.

Written by the indexing model from the issue text.

Description

Following code reports Error: "No suitable component definition found using"

export default ({ SomeComponent }) =>
  class Button extends Component {
    static propTypes = {
      label: PropTypes.string
    };

    render() {
      return <SomeComponent />;
    }
  };

Removing arrow fn and options solves it:

export default
  class Button extends Component {
    static propTypes = {
      label: PropTypes.string
    };

    render() {
      return <SomeComponent />;
    }
}

Any solution?

Using: react-docgen@v2 and react-docgen@v3.0.0-beta12

Dominant language
TypeScript
Stars
3.8k
Forks
316
Avg merge
3h 28m
Merged PRs (30d)
6

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-docgen

All issues in reactjs/react-docgen

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.