title: Rename componentWillReceiveProps to componentDidUpdate
body: <p>I'm following this tutorial, to build an expandable listview:</p>
  <p><a href="https://medium.com/@iakash1195/expandable-listview-in-react-native-53ebdd78abea" rel="nofollow noreferrer">https://medium.com/@iakash1195/expandable-listview-in-react-native-53ebdd78abea</a></p>
  <p>It works, but I'm receiving a warning saying that:</p>
  <blockquote>
  <p>Warning: componentWillReceiveProps has been renamed, and is not
  recommended for use. See
  fb.me/react-unsafe-component-lifecycles 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>
  </blockquote>
  <p>I tried to rename componentWillReceiveProps to componentDidUpdate, but the expandable listview stopped working</p>
  <p>I could just run the command to rename the deprecated functions, but this solution is far from being the best.</p>
  <blockquote>
  <p>npx react-codemod rename-unsafe-lifecycles --force</p>
  </blockquote>