title: React child component props are not updating
body: <p>I'm trying to render a component let say <code>Counter</code> to another component <code>Panel</code>  on its componentDidMount. I'm also passing a state called <code>count</code> as props to <code>Counter</code>. On certain interval, I'm updating the state. But the problem is the props of <code>Counter</code> is not updating. The prop still remains the initial value. What is the reason?</p>
  
  <pre><code>/** @jsx React.DOM */
  
  var Panel = React.createClass({
  
    getInitialState: function(){
      return {
        count: 0
      }
    },
  
    tick: function() {
      setInterval(function(that) {
        that.setState({
          count: that.state.count + 1
        });
      }, 500, this);
    },
  
    componentDidMount: function() {
      var panel = React.findDOMNode(this.refs.panel);
      React.render(&lt;Counter count={this.state.count}/&gt;, panel);
      this.tick();
    },
  
    render: function(){
      return &lt;div ref="panel"&gt;&lt;/div&gt;;
    }
  
  });
  
  var Counter = React.createClass({
  
    render: function() {
      return &lt;p&gt;{this.props.count}&lt;/p&gt;
    }
  
  });
  
  React.render(&lt;Panel/&gt;, document.getElementById('container'));
  
  
  
  &lt;body&gt;
    &lt;div id="container"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>I like to know the react reason why this code doesn't work</strong></p>
  
  <p>JS Bin <a href="https://jsbin.com/qodakiniyu/edit?js,output" rel="nofollow">check here</a></p>