p>
<pre><code class="language-javascript">// AVOID
var things = [
    {id: &quot;1&quot;, name: &quot;Book&quot;},
    {id: 1, name: &quot;Cup&quot;},
]</code></pre>
<h4 id="avoid-mixing-keyed-and-non-keyed-vnodes-in-the-same-array"><a href="#avoid-mixing-keyed-and-non-keyed-vnodes-in-the-same-array">Avoid mixing keyed and non-keyed vnodes in the same array</a></h4>
<p>An array of vnodes must have only keyed vnodes or non-keyed vnodes, but not both. In fact, this will cause an error to be thrown to remind y