title: How to write a wrapper around a material UI component using React JS?
body: <p>I am using <a href="https://material-ui-next.com/demos/lists/" rel="nofollow noreferrer">Material UI next</a> library and currently I am using List component. Since the library is in beta, lot of its parameter names get changed. To solve this I am planning to write a wrapper around the required components so that things wont break. My list component :</p>
  
  <pre><code>&lt;List dense&gt;
     &lt;List className={classes.myListStyles}&gt;
        &lt;ListItem disableGutters/&gt;
     &lt;/List&gt;
  &lt;/List&gt;
  </code></pre>
  
  <p>How should I write the wrapper for the List(say <em>myListWrapper</em>) and ListItem so that the wrapper component can handle props and pass them to the actual MUI list component inside?</p>