title: How do i pass eslint checking for this.props.navigation.navigate (react-navigation)?
body: <p>I am using eslint airbnb in my react native project. The eslint throw error linting if i didn't validate the props, especially the props from <code>react-navigation</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/PhWFn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PhWFn.png" alt="props validation 1"></a>
  How do i validate this using PropTypes?</p>
  
  <p>I am trying to validate it like this:</p>
  
  <pre><code>IntroScreen.propTypes = {
    navigation: PropTypes.shape({
      navigate: PropTypes.func,
    }),
  };
  </code></pre>
  
  <p>but still got error linting like this
  <a href="https://i.stack.imgur.com/7dNpO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7dNpO.png" alt="error lint 2"></a></p>
  
  <p>How do i pass the default props, and should i?</p>