title: React Material UI - Export multiple higher order components
body: <p>I'm stuck on exporting material-ui styles with redux connector. Here is my code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import Drawer from 'material-ui/Drawer';
  import { withStyles } from 'material-ui/styles';
  import PropTypes from 'prop-types';
  
  const mapStateToProps = state =&gt; ({});
  
  const reduxConnector = connect(mapStateToProps, null);
  const styles = theme =&gt; {
      console.log(theme);
      return ({
          paper: {
              top: '80px',
              boxShadow: theme.shadows[9]
          },
      });
  };
  
  class Cart extends Component {
  
      render() {
          const { classes } = this.props;
          return (
              &lt;Drawer
                  open
                  docked
                  anchor="right"
                  classes={{ paper: classes.paper }}
              &gt;
                  &lt;p style={{ width: 250 }}&gt;cart&lt;/p&gt;
  
              &lt;/Drawer&gt;
          );
      }
  }
  
  export default withStyles(styles, {name: 'Cart'})(Cart);
  export default reduxConnector(Cart); // I want to add this
  </code></pre>
  
  <p>I've tried:</p>
  
  <pre><code>export default reduxConnector(withStyles(styles))(Cart); // return Uncaught TypeError: Cannot call a class as a function
  
  export default withStyles(styles, {name: 'Cart'})(reduxConnector(Cart)); // return Uncaught Error: Could not find "store" in either the context or props of "Connect(Cart)". Either wrap the root component in a &lt;Provider&gt;, or explicitly pass "store" as a prop to "Connect(Cart)".
  </code></pre>
  
  <p>Any solution?</p>