React-bootstrap-table: Warning: Component's children should not be mutated <p>I use this short example snippet in my code</p> <pre><code>&lt;BootstrapTable data={products}&gt; &lt;TableHeaderColumn dataField="id" isKey={true}&gt;Product ID&lt;/TableHeaderColumn&gt; &lt;TableHeaderColumn dataField="name"&gt;Product Name&lt;/TableHeaderColumn&gt; &lt;TableHeaderColumn dataField="price"&gt;Product Price&lt;/TableHeaderColumn&gt; &lt;/BootstrapTable&gt; </code></pre> <p>And everything's work perfect. There's table, there's data. But (!) I see next warning message in my Chrome console:</p> <p><a href="https://i.stack.imgur.com/6hPWp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6hPWp.png" alt="enter image description here"></a></p> <p>whereas if I use my own elements, there's no warnings..<br> What's wrong? How to fix it?</p>