title: Typescript/react/material-table - No errors and blank page
body: <p>i'm trying to implement the "material-table" library with typescript and react but the result is a blank page and no compiling errors.</p>
  
  <p><strong>Env config:</strong></p>
  
  <pre><code>npm: 6.11.3
  nodejs: 10.17.0
  typescript: 3.7.2
  </code></pre>
  
  <p><strong>tsconfig.json</strong></p>
  
  <pre><code>{
    "compilerOptions": {
      "baseUrl": "src",
      "typeRoots": ["node_modules/@types"],
      "target": "es5",
      "module": "commonjs",
      "moduleResolution": "node",
      "jsx": "react",
      "lib": ["dom", "dom.iterable", "esnext", "esnext.intl", "es2017.intl", "es2018.intl"],
      "allowJs": false,
      "skipLibCheck": true,
      "strictNullChecks": false,
      "esModuleInterop": true,
      "allowSyntheticDefaultImports": true,
      "strict": true,
      "forceConsistentCasingInFileNames": true,
      "resolveJsonModule": true,
      "isolatedModules": false,
      "noEmit": true,
      "preserveConstEnums": true,
      "noImplicitAny": true
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules", "**/*.spec.ts"]
  }
  </code></pre>
  
  <p><strong>JSX</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>  return (
      &lt;MaterialTable&lt;RowInterface&gt;
        title={intl.formatMessage({ id: 'table-title' })}
        columns={columns}
        // eslint-disable-next-line @typescript-eslint/no-unused-vars
        data={query =&gt;
          getData().then(data =&gt; ({
            data,
            page: 1,
            totalCount: data.length
          }))
        }
      /&gt;
    );
  </code></pre>
  
  <p>Why did i specify <code>&lt;MaterialTable&lt;RowInterface&gt;</code>?
  The library wants to know the row interface when i try to set the 'data' attribute as a function that gets the data from remote (<a href="https://material-table.com/#/docs/features/remote-data" rel="nofollow noreferrer">https://material-table.com/#/docs/features/remote-data</a>):
  <code>export default class MaterialTable&lt;RowData extends object&gt; extends React.Component&lt;MaterialTableProps&lt;RowData&gt;&gt; {}</code></p>
  
  <p><strong>Current behaviour:</strong>
  No compiling errors, blank page!</p>
  
  <p><strong>Expected behaviour</strong>
  The app should be rendered and the table should get the data from remote properly.</p>
  
  <p>Thank you all</p>