Переопределение стилей пользовательского интерфейса материалов приводит к «Uncaught TypeError: Object (...) не является функцией»

Question

Я пытаюсь следовать примерам , чтобы переопределить стиль материала -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);

Это приводит к следующей ошибке: Uncaught TypeError: Object (...) не является функцией

Кто-нибудь знает, как это сделать правильно?Я следовал за примерами, а также за другим переполнением стека предложения без удачи.