title: How to pass props to a styled component in emotion? Using TypeScript
body: <p>I am using styled by emotion at:</p>
  
  <pre><code>import styled from '@emotion/styled'
  </code></pre>
  
  <p>I am trying to pass props to a styled component like the guide mentions:</p>
  
  <p><a href="https://emotion.sh/docs/styled" rel="noreferrer">https://emotion.sh/docs/styled</a></p>
  
  <p>It doesn't work for some reason.  I use TypeScript as well. I pass props to my styled component called StyleWrapper here:</p>
  
  <pre><code>const ex: React.FunctionComponent&lt;exProps&gt; = props =&gt; {
    return (
      &lt;StyleWrapper someNumber = {props.someNumber}
  ...
      &lt;/StyleWrapper &gt;
    )
  }
  </code></pre>
  
  <p>and in StyleWrapper: </p>
  
  <pre><code>const ToolsHeaderColumn = styled.div`
    padding-top: ${props =&gt; props.someNumber };
  `
  </code></pre>
  
  <p>What I get is an error in compilation:</p>
  
  <pre><code>"Property 'someNumber ' does not exist on type 
  'Pick&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, 
  HTMLDivElement&gt;, "children" | "style" | "title" | 
  "color" | "hidden" | "defaultChecked" | "defaultValue" |     "suppressContentEditableWarning" | ... 243 more ... 
  | "css"&gt; &amp; { ...; }'.ts(2339)
  "
  </code></pre>