Skip to content
This repository has been archived by the owner on Sep 16, 2020. It is now read-only.

Unsafe Component Warning #342

Open
singamnv opened this issue Feb 12, 2020 · 2 comments
Open

Unsafe Component Warning #342

singamnv opened this issue Feb 12, 2020 · 2 comments

Comments

@singamnv
Copy link

Hi, I am getting this warning with using Swipeout:

"
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: Swipeout
"

Same thing for componentWillMount.

Suggestions?

Thank you,

@singamnv
Copy link
Author

Of note, using npx react-codemod rename-unsafe-lifecycles does not work to alleviate this error.

@phamhuuan
Copy link

Open node_modules/react-native-swiper/src/index.js and node_modules/react-native-swiper/dist/index.js then edit componentWillMount --> UNSAFE_componentWillMount and componentWillReceiveProps --> UNSAFE_componentWillReceiveProps

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

2 participants