React-Style, Webpack, React - Uncaught Error: Invariant Violation: The `style` prop

Question

I\'m getting the following error in my browser:

Uncaught Error: Invariant Violation: The style prop expects a mapping from style properti

Answer 1

I used the style attribute in JSX file like this

style={{textTransform: 'uppercase'}}

and it worked for me

Answer 2

React Style requires you to use the styles prop instead of style.

var HoverAction = React.createClass({
    render: function() {
        return (
            <div styles={HoverActionStyles.normal}>
                <div ></div>
                <div styles={HoverActionTitleStyle.normal} >{this.props.title}</div>
            </div>
        );
    }
});