title: Is the ordering of props in JSX important?
body: <p>If the <code>o</code> object contains a key/value pair of: <code>foo: 'bar'</code> can I depend on these outcomes?:</p>
  
  <pre><code>// foo will be 'bar'
  &lt;MyComponent
      foo='should not override'
      {...o}
    /&gt;
  
  // foo will be 'overridden'
  &lt;MyComponent
      {...o}
      foo='overridden'
    /&gt;
  </code></pre>
  
  <p>In other words, is the ordering of properties while using the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator" rel="noreferrer">spread</a> operator significant?</p>