title: How can I import an existing React component defined in JSX in a Typescript module (.tsx)
body: <p>I have an existing React component that's coded in JSX and I can't convert to Typescript at this time.   I'd like to make use of it in a new React application that is being written in Typescript.   I cannot figure out if it's possible to import and use the JSX code within the TSX code.   Is this possible?   How do I do it?</p>
  
  <p>Thanks</p>
  
  <p>The example below gives the error:  <code>TS2604:JSX element type 'OldCode' does not have any construct or call signatures.</code></p>
  
  <p>OldCode.jsx</p>
  
  <pre><code>import React from 'react'
  
  export default React.createClass({
    render() {
      return &lt;div&gt;OldCode&lt;/div&gt;
    }
  })
  </code></pre>
  
  <p>NewCode.tsx</p>
  
  <pre><code>import * as React from 'react';
  import { OldCode } from './OldCode';
  
  export default class NewCode extends React.Component&lt;any, any&gt; {
    render() {
      return (
        &lt;OldCode/&gt;
      );
    }
  }
  </code></pre>