Skip to content
This repository has been archived by the owner on Feb 21, 2023. It is now read-only.

Deprecated lifecycle method warnings with React 16.9 #155

Open
nikhiln opened this issue Sep 20, 2019 · 2 comments
Open

Deprecated lifecycle method warnings with React 16.9 #155

nikhiln opened this issue Sep 20, 2019 · 2 comments

Comments

@nikhiln
Copy link

nikhiln commented Sep 20, 2019

The following warnings are shown upon upgrading to React 16.9.0:

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: AvForm, AvInput

And

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

Since react v16.9.0, it started to display warnings for deprecated lifecycles, is there any PR already open for this issue?

@GoPro16
Copy link
Contributor

GoPro16 commented Sep 20, 2019

There is no PR open for this yet but we are migrating to the latest version with hooks. If you want to fix this warning for older versions feel free to submit a PR.

@mrsarm
Copy link

mrsarm commented Apr 30, 2020

This is the PR that solves the issue #159 , but because it can take a while the patch to be merged, you can just use my forked version: https://www.npmjs.com/package/availity-reactstrap-validation-safe

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants