React_devtools_backend.js:6 Warning: componentWillReceiveProps has been renamed, and is not recommended for use


#1

hello React Studio team. Need some help to understand this message. I’m reading on console this warning:

react_devtools_backend.js:6 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

  • Move data fetching code or side effects to componentDidUpdate.
  • If you’re updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
  • Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

#2

Hello,

we should remove componentWillReceiveProps from generated code. React Studio shouldn’t be actually using it so it shouldn’t cause problems.


#3

Sounds good. Thank you