title: How to wrap material-ui ListItem in react-virtualized autosizer
body: <p>I was using material-ui's List and ListItem components. Specifically, I was using the nested items functionality. See <a href="http://www.material-ui.com/#/components/list" rel="noreferrer">http://www.material-ui.com/#/components/list</a>
  around half way down the page you'll see Nested List. The point is: material-ui takes care of the 'nesting' issues such as indentation and also the expand/contract arrow. </p>
  
  <p>Once I added many items I realized that the list is extremely slow. So I chanced upon AutoSizer from react-virtualized. The problem is: In react-virtualized my code would need to supply a rowRenderer function for each row. I don't want to lose the built in material-ui functionality that figures out the indentation for the nested items. Yet using AutoSizer it seems like my code would need to do custom work to figure out the indentation. Also my code would nned to supply the expand/contract arrow. Currently it comes for free with material-ui's List/ListItem.</p>
  
  <p>Any tips or suggestions?</p>
  
  <p>Thank you  </p>