title: Lazy loading inside material-ui Table
body: <p>In my <code>react</code> application, I'm trying to use <code>react-lazy-load</code> npm library inside my <code>TableBody</code> from <code>material-ui</code>.
  I've also tried the <code>react-infinite-scroll-component</code>, but in both of them I get this error:</p>
  <pre><code>&lt;tr&gt; cannot appear as a child of &lt;div&gt; 
  </code></pre>
  <p>which makes sense.
  Is there any way how can I use lazy loading in my table?</p>
  <pre><code>import LazyLoad from 'react-lazy-load';
  import {Table, TableBody, TableCell, TableHead, TableRow} from '@material-ui/core';
  
  &lt;TableBody&gt;
   {users.map(user,i) =&gt;
        &lt;LazyLoad  key{i} height={68} offset={20}
          &lt;UserItem   (**returns TableRow**)
          (UserItem props)
          &gt;
       &lt;/LazyLoad&gt;
  &lt;/TableBody&gt;
  </code></pre>