Warning about usage of componentWillMount and componentWillReceiveProps in React 17.x

[anindya-dhruba]

Hi, This is a package that I have used in all of my react projects and kind of a mandatory package for me. Thank you for this amazing package.

Problem:

There are two warning messages that are getting displayed on my browser console. One is regarding usage of componentWillMount and another is componentWillReceiveProps.

Here are the warning messages:

Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.

* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount 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: Loader

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: Loader

Here is the screenshot of what is being displayed:

Packages used:

I am using these package versions:

"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-loader-advanced": "^1.7.1"

Thank you again for this amazing package.

[keplerk]

Seems like this component has been abandoned already, no response from the dev :(