logoESLint React
Rules

no-unused-class-component-members

Warns about unused class component methods and properties.

Full Name in eslint-plugin-react-x

react-x/no-unused-class-component-members

Full Name in @eslint-react/eslint-plugin

@eslint-react/no-unused-class-component-members

Presets

strict strict-typescript strict-type-checked

Rule Details

This rule warns about class component methods and properties that are defined but never used. Removing unused members helps keep the codebase clean and reduces confusion.

Common Violations

Invalid

import React from "react";

class MyComponent extends React.Component {
  handleClick() {} // Unused
  render() {
    return null;
  }
}

Valid

import React from "react";

class MyComponent extends React.Component {
  static getDerivedStateFromError(error: React.ErrorInfo) {
    return { hasError: true };
  }
  action() {}
  componentDidMount() {
    this.action();
  }
  render() {
    return null;
  }
}

Resources

Further Reading


See Also

On this page