Неисправность Ошибка: Инвариантное Нарушение: findComponentRoot (...,... $110): Не удается найти элемент. Вероятно, это означает, что DOM был неожиданно мутирован

Что я делаю неправильно с вложенными циклами в React? Я искал информацию в Google, и я не нашел ничего подходящего. Можете ли вы помочь мне найти, что я понимаю неправильно?

Как видно из рисунка, у меня есть данные в переменной. И он отлично работает. Но когда я добавляю значение не из этого <tr>, появляется ошибка!

    var TableBalls80 = React.createClass({
        render:function(){
            var rows = this.props.rows;
            var columnId = 0, trKey = 0, divKey = 0, td1stKey = 0;
            var td2ndKey = 100;
            return(
                    <table className='table table-bordered bg-success'>
                                <thead>
                                <tr className='danger'>
                                    {rows[0].row.map(function (element){
                                        columnId++;
                                        return (
                                        <th colSpan="2" key={columnId}>{columnId}</th>);
                                    })}
                                </tr>
                                </thead>
                                <tbody>
                                    {rows.map(function (rowElement){
                                        return (<tr key={trKey++}>
                                        {rowElement.row.map(function(ball){
                                            console.log('trKey:'+trKey+' td1stKey'+td1stKey+' ball.value:'+ball.value+' td2ndKey:'+td2ndKey+' ball.count:'+ball.count);
                                            return(<div key={divKey++}>
                                                <td className='info' key={td1stKey++}>{ball.value}</td><td key={td2ndKey++}>{ball.count}</td>
                                            </div>);
                                        })}
                                        </tr>);
                                    })}
                                </tbody>
                            </table>);
        }
    });

Ошибка (зависит от того, какой элемент добавлен из другого <tr>):

Неисправленная ошибка: инвариантное нарушение: findComponentRoot (...,.0.1.1.0.2.0.0.1. $0. $9. $109): > Невозможно найти элемент. Вероятно, это означает, что DOM неожиданно мутировался (например, браузером > ), обычно из-за забывания при использовании таблиц, n...... `.

Ответы

<tbody>
   <tr>
      <div>
         <td>...</td>
         <td>...</td>
      </div>
   </tr>
</tbody>

<div> </div>
<table>
<tbody>
   <tr>
      <td>...</td>
      <td>...</td>
   </tr>
</tbody>
</table>

component = React.addons.TestUtils.renderIntoDocument(<MyTableRow />)
React.findDOMNode(component)

component = React.addons.TestUtils.renderIntoDocument(<table><MyTableRow /></table>)
table = React.findDOMNode(component)
row = jQuery(table).find("tr")[0]