no-unsafe-component-will-receive-props

Full Name in eslint-plugin-react-x

react-x/no-unsafe-component-will-receive-props

Full Name in @eslint-react/eslint-plugin

@eslint-react/no-unsafe-component-will-receive-props

Presets

x recommended recommended-typescript recommended-type-checked strict strict-typescript strict-type-checked

Rule Details

Using unsafe lifecycle methods like UNSAFE_componentWillReceiveProps makes your component's behavior less predictable and more likely to cause bugs.

Common Violations

Invalid

import React from "react";

class MyComponent extends React.Component {
  UNSAFE_componentWillReceiveProps() {
    // ...
  }
}

Resources

• Rule Source
• Test Source

Further Reading

• Legacy React APIs: componentWillReceiveProps

See Also

• react-x/no-unsafe-component-will-mount
  Warns about the use of UNSAFE_componentWillMount in class components.
• react-x/no-unsafe-component-will-update
  Warns about the use of UNSAFE_componentWillUpdate in class components.