title: clearInterval() won't clear setInterval and Affect navigation
body: <p>Alright, So I have a Splash screen which uses <code>setInterval</code> but the problem is <code>setInterval</code> now basically affects my whole navigation in my app I tried to use <code>clearInterval</code> but It won't work.</p>
  
  <p>I tried changing from <code>componentWillMount</code> to <code>componentDidMount</code> but it still doesn't work.</p>
  
  <pre><code>componentDidMount(){
    const splashInterval = setInterval(()=&gt;{
        this.props.navigation.navigate('Main');
      },2000);
      this.setState({splashInterval: splashInterval});
  }
  
  
  componenWillUnmount(){
    const splashInterval = this.state.splashInterval;
    const clearSplashInterval = this.props.navigation.clearInterval(splashInterval);
    this.setState(clearSplashInterval);
  }
  </code></pre>