DocumentationRulesno-unsafe-component-will-update

no-unsafe-component-will-update

Full Name in eslint-plugin-react-x

react-x/no-unsafe-component-will-update

Full Name in @eslint-react/eslint-plugin

@eslint-react/no-unsafe-component-will-update

Features

🔍

Presets

  • core
  • recommended
  • recommended-typescript
  • recommended-type-checked

What it does

Warns the usage of UNSAFE_componentWillUpdate in class components.

Using unsafe lifecycle methods like UNSAFE_componentWillUpdate makes your component’s behavior less predictable and are more likely to cause bugs.

Examples

Failing

import React from "react";
 
class MyComponent extends React.Component {
  UNSAFE_componentWillUpdate() {
    // ...
  }
}

Implementation