title: Fixing " 'Component' does not have any construct or call signatures." error for default props with Typescript
body: <p>I have a function component <code>MyComponent</code> and I'm trying to set a default prop for <code>component</code> so that if not supplied, the root node will render as a "span". But I'm getting the following error:</p>
  
  <pre><code>TS2604: JSX element type 'Component' does not have any construct or call signatures.
  </code></pre>
  
  <pre><code>interface IMyComponentProps {
    component?: React.ElementType&lt;React.HTMLAttributes&lt;HTMLElement&gt;&gt;;
  }
  
  const MyComponent: React.FunctionComponent&lt;IMyComponentProps&gt; = ({
    className,
    component: Component, &lt;-- complaining
    ...other
  }) =&gt; (
    &lt;Component className={className}
      {...other}
    /&gt;
  );
  
  MyComponent.defaultProps = {
    component: 'span'
  };
  
  MyComponent.displayName = 'MyComponent';
  
  export default MyComponent;
  </code></pre>