title: componentWillReceiveProps has been renamed
body: <p>I'm using Material ui SwipeableViews That use ReactSwipableView package, I'm getting this error on the console</p>
  
  <blockquote>
    <p>react-dom.development.js:12466 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See  for details.</p>
    
    <ul>
    <li>Move data fetching code or side effects to componentDidUpdate.</li>
    <li>If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: </li>
    <li>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 <code>npx react-codemod rename-unsafe-lifecycles</code> in your project source folder.</li>
    </ul>
    
    <p>Please update the following components: ReactSwipableView</p>
  </blockquote>
  
  <p>is there any way to get rid of this error i did try UNSAFE_componentWillReceiveProps but nothing change</p>