Override Material UI styles results in "Uncaught TypeError: Object(...) is not a function"

Question

Im trying to follow the examples to override the material -ui style for the 'chip' component in react:

import React, { Component } from 'react';
import Chip from 'material-ui/Chip/Chip';
import {withStyles} from 'material-ui/styles'

const styles = {
  root: {
    backgroundColor: 'transparent !important',
    boxShadow: 'none',
    paddingTop: '25px',
    color: '#FFFFFF'
  }
};

class MyChip extends Component {
    constructor(props) {
        super(props);
    }

     render() {

        const {classes} = this.props;
        return (
                <Chip 
                    classes={{ root: classes.root }}
                    key={this.props.idx}
                    onRequestDelete = {this.props.onRequestDelete}
                >
                    {this.props.children}
                </Chip>
        )
    }
}


export default withStyles(styles)(MyChip);

This is resulting in the following error : Uncaught TypeError: Object(...) is not a function

Does anyone know how to do this properly? Ive followed the examples as well as other stack overflow suggestions with no luck.