react-doctor/prefer-es6-class
Use one component style consistently — ES2015 `class extends React.Component` (default) over the legacy `createReactClass` factory.
- Category: Architecture
- Severity: warn
- Source:
oxlint-plugin-react-doctor - Framework: global
- Enabled when: always
- Documentation: https://oxc.rs/docs/guide/usage/linter/rules/react/prefer-es6-class
Validation prompt
Use this to decide whether a fired diagnostic is real or a false positive.
In its default "always" mode, fires on any CallExpression whose callee is createReactClass(...) or React.createReactClass(...) — the legacy ES5 component factory. Under the opt-in "never" mode it flips to flag class X extends Component | PureComponent | React.Component | React.PureComponent instead. False positive: matching is purely syntactic on the callee name, so a same-named local helper called createReactClass that has nothing to do with React's factory is still flagged; confirm the call actually resolves to the react-create-class package before acting.
Fix prompt
Use this once validation confirms the diagnostic is real.
Convert the createReactClass({ render() {...} }) call into an ES2015 class: class Hello extends React.Component { render() { return <div>Hello {this.props.name}</div>; } }, moving displayName to a static field and lifecycle/render methods onto the class. Better still in modern React, rewrite as a function component if the class holds no state or lifecycle logic. See https://oxc.rs/docs/guide/usage/linter/rules/react/prefer-es6-class