title: Warning: componentWillReceiveProps has been renamed, and is not recommended for use
body: <p>I use <code>createBottomTabNavigator</code>.</p>
  
  <p>In my class </p>
  
  <pre><code>const Tab = createBottomTabNavigator({
    MainScreen: { screen: MainScreen },
    SecondScreen: { screen: SecondScreen }
  });
  
  const Container = createAppContainer(Tab);
  
  export default class App extends React.Component {
    state = {
      isReady: false
    };
    componentDidMount = () =&gt; {
      this._load();
    };
    render() {
      const { isReady } = this.state;
      if (!isReady) {
        return &lt;AppLoading /&gt;;
      }
      return &lt;Container /&gt;;
    }
    _load = async () =&gt; {
      try {
        this.setState({ isReady: true });
      } catch (error) {}
    };
  }
  
  </code></pre>
  
  <p>This is my package.json</p>
  
  <pre><code>"dependencies": {
      "expo": "~36.0.0",
      "react": "^16.12.0",
      "react-dom": "~16.9.0",
      "react-native-gesture-handler": "^1.5.2",
      "react-native-web": "~0.11.7",
      "react-navigation": "3.0.8"
    }
  </code></pre>
  
  <p>This is my error </p>
  
  <pre><code>Warning: componentWillReceiveProps has been renamed, and is not recommended for use. 
  
  * 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.
  * 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: SafeView
  </code></pre>
  
  <p>I did <code>npx react-codemod rename-unsafe-lifecycles</code> but it didn't work.</p>