title: Uncaught Error: Invariant Violation: findComponentRoot(..., ...$110): Unable to find element. This probably means the DOM was unexpectedly mutated
body: <p>What I'm doing wrong with nested cycles in React? I have searched information in Google and I didn't find anything suitable. Can you help me find, what I understand wrong?</p>
  
  <p>As can be seen from the figure, I have data in a variable. And it works fine.  But when I'm adding a value not from this <code>&lt;tr&gt;</code>, error appears!</p>
  
  <pre><code>    var TableBalls80 = React.createClass({
          render:function(){
              var rows = this.props.rows;
              var columnId = 0, trKey = 0, divKey = 0, td1stKey = 0;
              var td2ndKey = 100;
              return(
                      &lt;table className='table table-bordered bg-success'&gt;
                                  &lt;thead&gt;
                                  &lt;tr className='danger'&gt;
                                      {rows[0].row.map(function (element){
                                          columnId++;
                                          return (
                                          &lt;th colSpan="2" key={columnId}&gt;{columnId}&lt;/th&gt;);
                                      })}
                                  &lt;/tr&gt;
                                  &lt;/thead&gt;
                                  &lt;tbody&gt;
                                      {rows.map(function (rowElement){
                                          return (&lt;tr key={trKey++}&gt;
                                          {rowElement.row.map(function(ball){
                                              console.log('trKey:'+trKey+' td1stKey'+td1stKey+' ball.value:'+ball.value+' td2ndKey:'+td2ndKey+' ball.count:'+ball.count);
                                              return(&lt;div key={divKey++}&gt;
                                                  &lt;td className='info' key={td1stKey++}&gt;{ball.value}&lt;/td&gt;&lt;td key={td2ndKey++}&gt;{ball.count}&lt;/td&gt;
                                              &lt;/div&gt;);
                                          })}
                                          &lt;/tr&gt;);
                                      })}
                                  &lt;/tbody&gt;
                              &lt;/table&gt;);
          }
      });
  </code></pre>
  
  <p>Error (depends on which item is added from another<code>&lt;tr&gt;</code>): </p>
  
  <blockquote>
    <p>Uncaught Error: Invariant Violation: findComponentRoot(..., .0.1.1.0.2.0.0.1.$0.$9.$109): >Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the >browser), usually due to forgetting a  when using tables, n......`. </p>
  </blockquote>