覆盖Material UI样式导致“未捕获的TypeError：Object（...）不是函数”

Question

我正在尝试遵循examples来覆盖react中“芯片”组件的材料-ui样式：

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);

这将导致以下错误：未捕获的TypeError：Object（...）不是函数

有人知道如何正确执行此操作吗？ Ive遵循了这些示例以及其他堆栈溢出suggestions，但是没有运气。