title: Problem with typescript using emotion/styled component
body: <p><strong>Current behavior:</strong></p>
  <p>I have a problem using typescript and emotion/styled when I want to set the type of the parent component that wrappes a styled component.</p>
  <p>I have this parent component that wrappes a styled component</p>
  <pre><code>// button/index.tsx
  
  import { ButtonStyled } from &quot;./Button.styles&quot;;
  import { ButtonProps } from &quot;./Button.interface&quot;;
  
  const Button = ({
    variant = &quot;primary&quot;,
    ...rest
  }: ButtonProps): typeof ButtonStyled =&gt; &lt;ButtonStyled {...rest} /&gt;;
  
  export default Button;
  </code></pre>
  <pre><code>// button/Button.styles
  
  import styled from &quot;@emotion/styled&quot;;
  
  export const ButtonStyled = styled.button`
    padding: 0.4em;
    width: 100%;
    border: 0;
  `;
  </code></pre>
  <p>When I set the return type of Button (  typeof ButtonStyled ) it gets me this error:</p>
  <p>_Type 'ReactElement&lt;any, any&gt;' is missing the following properties from type 'StyledComponent&lt;{ theme?: Theme; as?: ElementType; }, DetailedHTMLProps&lt;ButtonHTMLAttributes, HTMLButtonElement&gt;, {}&gt;': withComponent, _<em>emotion_styles</em></p>
  <p><img src="https://user-images.githubusercontent.com/43297929/121816170-15c6e500-cc48-11eb-9dd4-84536b62c54c.png" alt="image" /></p>
  <p>This is important because in another file I want to extend the styles of the button</p>
  <pre><code>import styled from &quot;@emotion/styled&quot;;
  
  import Button from &quot;components/button&quot;;
  
  export const SubmitButton = Button.withComponent`
  background: #333;
  color: #fff;
  `;
  </code></pre>
  <p>But it can't be do it because it throws this error:</p>
  <p><em>Property 'withComponent' does not exist on type '({ variant, ...rest }: ButtonProps) =&gt; StyledComponent&lt;{ theme?: Theme; as?: ElementType; }, DetailedHTMLProps&lt;ButtonHTMLAttributes, HTMLButtonElement&gt;, {}&gt;'.</em></p>
  <p><strong>Environment information:</strong></p>
  <ul>
  <li><code>next</code> version: 10.2.3</li>
  <li><code>react</code> version: 17.0.2</li>
  <li><code>@emotion/react</code> version: 11.4.0</li>
  <li><code>@emotion/styled</code> version: 11.3.0</li>
  </ul>