no-unused-state

Full Name in eslint-plugin-react-x

react-x/no-unused-state

Full Name in @eslint-react/eslint-plugin

@eslint-react/no-unused-state

Presets

strict strict-typescript strict-type-checked

Rule Details

This rule warns about state properties in class components that are defined but never used. Unused state can lead to unnecessary re-renders and confusion about the component's actual data requirements.

Common Violations

Invalid

import React from "react";

class MyComponent extends React.Component {
  // Unused
  state = {
    foo: 1,
  };

  render() {
    return null;
  }
}

Valid

import React from "react";

class MyComponent extends React.Component {
  state = {
    foo: 1,
  };

  render() {
    return this.state.foo;
  }
}

Resources

• Rule Source
• Test Source

Further Reading

• Legacy React APIs: Component

See Also

• react-x/no-unused-class-component-members
  Warns about unused class component methods and properties.
• react-x/no-unused-props
  Warns about component props that are defined but never used.