title: DataGrid Material UI getRowClassName not working on Typescript
body: <p>I am trying to add a class based on the value of each row in a <code>DataGrid</code> component. However, I get the following error form <strong>TypeScript</strong> when I try to use <code>getRowClassName</code> on the component:</p>
  <pre><code>    Type '{ rows: any[]; getRowClassName: (params: any) =&gt; string; columns: GridColDef[]; pagination: true; page: number; error: ApolloError; pageSize: number; hideFooterPagination: boolean; ... 6 more ...; componentsProps: { ...; }; }' is not assignable to type 'IntrinsicAttributes &amp; Omit&lt;GridComponentProps, &quot;disableMultipleSelection&quot; | &quot;disableMultipleColumnsFiltering&quot; | &quot;disableMultipleColumnsSorting&quot; | ... 5 more ... | &quot;options&quot;&gt; &amp; { ...; } &amp; RefAttributes&lt;...&gt;'.
        Property 'getRowClassName' does not exist on type 'IntrinsicAttributes &amp; Omit&lt;GridComponentProps, &quot;disableMultipleSelection&quot; | &quot;disableMultipleColumnsFiltering&quot; | &quot;disableMultipleColumnsSorting&quot; | ... 5 more ... | &quot;options&quot;&gt; &amp; { ...; } &amp; RefAttributes&lt;...&gt;'.
  </code></pre>
  <p>I am using the function like this:</p>
  <pre class="lang-tsx prettyprint-override"><code>&lt;DataGrid
      rows={rows}
      getRowClassName={(params) =&gt; (
          `my-datagrid-theme--custom-${params.getValue(params.row.something, 'false')}`
      )}
      columns={columns}
      pagination
      page={page}
      error={error}
      paginationMode=&quot;server&quot;
      onPageChange={handlePageChange}
      loading={loading}
  /&gt;
  </code></pre>
  <p>How can I resolve that issue?</p>