dash name css error react

import React from 'react'
import styleable from 'react-styleable'

import css from './index.css'

class MyComponent extends React.Component {
  render() { return (
    //for this.props.css.product-image, for example, see the following
    <div className={this.props.css['product-image']}></div>
  ) }
}

export styleable(css)(MyComponent)