Warning: componentWillMount has been renamed, and is not recommended for use

[kjhughes]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Eliminate use of deprecated legacy React component lifecycles such as componentWillMount.

Examples 🌈

react@16.9.0
material-ui/core@4.4.2

react-dom.development.js:12029 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks 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.

Please update the following components: Animate, Line, LineChart, Text
printWarning @ react-dom.development.js:12029

Motivation 🔦

See official Reactjs.org motivation described in Update on Async Rendering article.

[Bouncue]

I also get dozens warning like this, is this warning come from Material-UI? I thought it was came from other dependencies of mine, because as far as I know Material-UI has already been migrated its code base to hooks so unlikely they still use componentWillMount

[oliviertassinari]

Please update the following components: Animate, Line, LineChart, Text

We have migrated the codebase 6 months ago. These warnings don't come from us.

[kjhughes]

Oh, sorry, you're right: Real culprit is actually the external dependency on recharts, which is used in material-ui's Dashboard template.

Recharts has an associated open issue: recharts/recharts#1835

Thanks, @oliviertassinari !