react-doctor/no-this-in-sfc

Use the function's `props` parameter instead of `this.props` in stateless function components.

• Category: Correctness
• Severity: warn
• Source: oxlint-plugin-react-doctor
• Framework: global
• Enabled when: always
• Documentation: https://oxc.rs/docs/guide/usage/linter/rules/react/no-this-in-sfc

Validation prompt

Use this to decide whether a fired diagnostic is real or a false positive.

Fires on a this.<member> access (member expression or this["props"] bracket form) inside a function component, identified purely by a PascalCase name — a function Foo, or a function/arrow assigned to a PascalCase variable or assignment target. Excluded: class methods, ES5 createReactClass/configured class-factory components, functions with an explicit TS this: parameter, and object-property methods (e.g. Tiptap/ProseMirror .extend({ addAttributes() {…} })). False positive: the detection is name-based, not JSX-based, so a PascalCase-named helper that is NOT a React component (a factory, hook-like builder, or utility returning a plain object) is flagged even though its this is a legitimate non-component binding.

Fix prompt

Use this once validation confirms the diagnostic is real.

Read props and context from the function's parameters instead of this: destructure them in the signature — function Foo({ foo }) { return <div>{foo}</div>; } — or accept a props argument and use props.foo. If the function is genuinely not a stateless component (a class-related helper, a builder, or an object-config method), declare an explicit TypeScript this: parameter or rename it to non-PascalCase so the rule correctly skips it. See https://oxc.rs/docs/guide/usage/linter/rules/react/no-this-in-sfc