title: How come I can't spread props with Typescript?
body: <p>So this works with no typescript errors:</p>
  
  <pre><code>&lt;Box hAlign={"RIGHT"} vAlign={"CENTER"} /&gt;;
  </code></pre>
  
  <p>But this gives me an error:</p>
  
  <pre><code>const commonBoxProps = {
    hAlign: "RIGHT",
    vAlign: "CENTER",
  };
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;Box {...commonBoxProps} /&gt;;
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>Type '{ hAlign: string; vAlign: string; margin: string[]; }' is not assignable to type 'Pick&lt;Pick&lt;Pick&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLD...
  </code></pre>