title: React inline style doesn't affect my custom component
body: <p>I have a custom component where I need to add it margin-top in in of my uses. I tried <code>&lt;MyComponent style={{ marginTop: '10px' }}&gt;</code> and also </p>
  
  <pre><code>const myStyle = { marginTop: '10px' };
  `&lt;MyComponent style={myStyle}&gt;`;
  </code></pre>
  
  <p>And it both don't work.
  When I do the same in the same file for a simple <code>&lt;div&gt;</code> (e.g. <code>&lt;div style={{ marginTop: '10px' }}&gt;</code> and <code>&lt;div style={myStyle}&gt;</code> it works as expected.</p>
  
  <p>Maybe it is important to mention that the wrapping element of my custom component (<code>&lt;MyComponent/&gt;</code>) is a <code>styled-component</code>.</p>
  
  <p>Would appreciate anyway to fix it or make it work. Thanks!</p>