componentWillReceiveProps has been renamed

• 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: InfiniteScroll

I get this warning in my console constantly. Am I using InfiniteScroll incorrectly or this legit something that needs to be addressed?

[akkisagiraju]

Using this in strict mode is resulting in a warning message.

Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code.

[edekk]

To overcome this issue browse {your_project}\node_modules\react-infinite-scroll-component\lib\index.js and change: key: "componentWillReceiveProps", value: function componentWillReceiveProps(props) { ... into: key: "componentDidUpdate", value: function componentDidUpdate(props) {...

Keep in mind you edit the build version, so for good measure you could also edit pre-build file ({your_project}\node_modules\react-infinite-scroll-component\app\index.js) and change function names there as well.