title: react-grid-layout with typescript not working
body: <p>I have a new project and i try to use react-grid-layout for building a dashboard. unfortunately i am not able to get it to work.</p>
  <p>I use:</p>
  <p><code>&quot;@types/react-grid-layout&quot;: &quot;0.16.5&quot;
  &quot;react-grid-layout&quot;: &quot;0.16.5&quot;
  </code></p>
  <p>when i try to use it in a tsx file with</p>
  <pre><code>import { ReactGridLayout } from 'react-grid-layout';
  </code></pre>
  <p>i get the error:</p>
  <blockquote>
  <p>/node_modules/@types/react-grid-layout/index&quot;' has no exported member 'ReactGridLayout'.</p>
  </blockquote>
  <p>Any suggestion what I am doing wrong?</p>
  <h1>Update</h1>
  <p>Additional Info: I use it in an SPA Webapp which runs on .Net core 2.1
  How I try to use it:</p>
  <pre><code>import * as React from 'react';
  import { RouteComponentProps } from 'react-router';
  import ReactGridLayout, { Layout } from 'react-grid-layout';
   //const ReactGridLayout = require('react-grid-layout');
   export class Dashboard extends React.Component&lt;RouteComponentProps&lt;{}&gt;, {}&gt; {
      //ReactGridLayout = require('react-grid-layout');`
      public render() {
          //const ReactGridLayout = require('react-grid-layout');
          var layout = [
              { i: 'a', x: 0, y: 0, w: 1, h: 2, static: true },
              { i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4 },
              { i: 'c', x: 4, y: 0, w: 1, h: 2 }
          ];
      return &lt;div&gt;
               &lt;ReactGridLayout className=&quot;layout&quot; layout={layout} cols={12} rowHeight={30} width={1200}&gt;`
                  &lt;div key=&quot;a&quot;&gt;a&lt;/div&gt;
                  &lt;div key=&quot;b&quot;&gt;b&lt;/div&gt;
                  &lt;div key=&quot;c&quot;&gt;c&lt;/div&gt;
              &lt;/ReactGridLayout&gt;`
          &lt;/div&gt;;
      }
  }
  </code></pre>