received following warning of componentWillReceiveProps has been renamed about 'Select':
See original GitHub issuereceived following warning about ‘Select’:
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.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:18
- Comments:9 (1 by maintainers)
Top Results From Across the Web
reactjs - componentWillReceiveProps has been renamed
Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the ...
Read more >Warning: componentWillReceiveProps has been renamed ...
getDerivedStateFromProps is one of those newly introduced lifecycle method replacing componentWillReceiveProps, which has now become ...
Read more >Warning: componentWillMount has been Renamed, and is not ...
Warning : componentWillMount has been renamed, and is not recommended for use. Initializing state // Before class AppComponent extends React.
Read more >componentWillReceiveProps has been renamed, and is not ...
Hi. I am using import { BottomSheet } from 'react-native-btr'; for select checkbox. whenever i click the bottom sheet button i am facing ......
Read more >error screens - Public snippets - Snipit.io
Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I still get this warning in version react-select@3.0.8
The error message:
And when opening the dropdown I get this:
and this:
Just update my output says
So both the
AutosizeInput
andSelect
components need to be updated