title: Getting warning: "componentWillUpdate is deprecated and will be removed in the next major version" when using the react navigation's navigationOptions
body: <p>I am facing a very strange issue while developing a react native app. I wanted to use navigation for which i added "react-navigation" library. Although, when i am setting the navigationOptions for a route, i am getting the below warning:</p>
  
  <pre><code>componentWillUpdate is deprecated and will be removed in the next major version.
  </code></pre>
  
  <p>More specifically, it comes when i tried to add the below line:</p>
  
  <pre><code>headerRight: (
        &lt;Button&gt;
          &lt;Icon active name="md-color-filter" style={{
              color: '#333'
            }}/&gt;
        &lt;/Button&gt;
        )
  </code></pre>
  
  <p>The code for the navigationOptions is:</p>
  
  <pre><code>navigationOptions: () =&gt; {
    return {
      title: 'App_Name',
      headerRight: (
        &lt;Button&gt;
          &lt;Icon active name="md-color-filter" style={{
              color: '#333'
            }}/&gt;
        &lt;/Button&gt;
        )
      }
    }
  </code></pre>
  
  <p>And the respective screen component(HomeComponent) is:</p>
  
  <pre><code>import React,{useEffect,useState} from 'react';
  import {View,Dimensions, Alert} from 'react-native';
  import ListComponent from './list/list.component';
  import {HOME_SAMPLE_ITEMS} from '../../../constants/data';
  
  function HomeComponent(props: any) {
  
   return (
    &lt;View&gt;
     &lt;ListComponent data={HOME_SAMPLE_ITEMS}/&gt;
    &lt;/View&gt;
   )
  }
  
  export default HomeComponent;
  </code></pre>
  
  <p>To be noted, i am using the following versions:</p>
  
  <pre><code>"react": "16.8.6",
  "react-native": "0.60.4",
  "react-native-device-info": "^2.3.0",
  "react-native-gesture-handler": "^1.3.0",
  "react-navigation": "^3.11.1"
  </code></pre>
  
  <p>Can someone please help me resolve the same. Thanks in advance.</p>