title: clearInterval is not working in reactjs
body: <p>SetInterval is working fine, but clearInterval is not working</p>
  
  <p>See my code, i have parent class Channel and and Child class Body, within body when componentDidMount is called, then i setInterval for function refreshState. In refreshState function i try to clearInterval which is not working</p>
  
  <pre><code>var Header = require('../../common/header.jsx');
  var Sidebar = require('../../common/sidebar.jsx');
  var Footer = require('../../common/footer.jsx');
  
  var Body = React.createClass({
  
    componentDidMount: function() {
      this.intervalId  = setInterval(this.refreshStats, 1000);
    },
  
    componentWillUnmount: function(){
      clearInterval(this.intervalId);
    },
  
    refreshStats: function() {
          console.log(this.intervalId);
          clearInterval(this.intervalId);
    },
  
    render: function() {
      return (
        &lt;Container id='body'&gt;
          &lt;Grid&gt;
            &lt;Row&gt;
              &lt;Col sm={12}&gt;
                &lt;PanelContainer&gt;
                  &lt;Panel&gt;
                    &lt;PanelBody&gt;
                      Test
                    &lt;/PanelBody&gt;
                  &lt;/Panel&gt;
                &lt;/PanelContainer&gt;
              &lt;/Col&gt;
            &lt;/Row&gt;
          &lt;/Grid&gt;
        &lt;/Container&gt;
      );
    }
  });
  
  var Channel = React.createClass({
    mixins: [SidebarMixin, State],
    render: function() {
      var classes = React.addons.classSet({
        'container-open': this.state.open
      });
      return (
        &lt;Container id='container' className={classes}&gt;
          &lt;Sidebar /&gt;
          &lt;Header /&gt;
          &lt;Body /&gt;
          &lt;Footer /&gt;
        &lt;/Container&gt;
      );
    }
  });
  
  module.exports = Channel;
  </code></pre>