title: Using React.lazy with TypeScript
body: <p>I am trying to use React.lazy for code splitting in my TypeScript React app.</p>
  
  <p>All I am doing is changing that line:</p>
  
  <pre><code>import {ScreensProductList} from "./screens/Products/List";
  </code></pre>
  
  <p>to this line:</p>
  
  <pre><code>const ScreensProductList = lazy(() =&gt; import('./screens/Products/List'));
  </code></pre>
  
  <p>But the <code>import('./screens/Products/List')</code> part triggers a TypeScript error, stating:</p>
  
  <pre><code>Type error: Type 'Promise&lt;typeof import("/Users/johannesklauss/Documents/Development/ay-coding-challenge/src/screens/Products/List")&gt;' is not assignable to type 'Promise&lt;{ default: ComponentType&lt;any&gt;; }&gt;'.
    Property 'default' is missing in type 'typeof import("/Users/johannesklauss/Documents/Development/ay-coding-challenge/src/screens/Products/List")' but required in type '{ default: ComponentType&lt;any&gt;; }'.
  </code></pre>
  
  <p>I am not quite sure what I am supposed to do here to get it to work.</p>