ColorPicker Not displaying even though this.state.displayColorPicker = true after onClick={handleClick}
As per title. I'm probably missing something, but definitely in need of a second opinion! Cheers!

``` JSX
var React = require('react');
var classNames = require('classnames');
var ColorPicker = require('react-color');

// http://casesandberg.github.io/react-color/
module.exports = ColourPickerComponent = React.createClass({

    getInitialState: function(){
        return {
            displayColorPicker: false
        }
    },

    handleClick: function( event ) {
        console.log('clicked');
        this.setState({ displayColorPicker: !this.state.displayColorPicker });
    },

    render: function (){

        var btnClass = classNames({
            'inline': true,
            'colour-picker': true
        });

        return <div>
                <button className="mdl-button mdl-js-button mdl-js-ripple-effect edit-button" onClick={this.handleClick}>
                    <div className={btnClass}>
                        <i className="material-icons">colorize</i>
                    </div>
                </button>
                <ColorPicker type="chrome" display={ this.state.displayColorPicker }/>
        </div>
    }

});

```

Have also tried the example, which gives me the same results:

``` JSX
'use strict';

var React = require('react');
var classNames = require('classnames');
var ColorPicker = require('react-color');  // http://casesandberg.github.io/react-color/

class ColourPickerComponent extends React.Component {

    constructor() {
        super();
        this.state = {
            displayColorPicker: true
        };
        this.handleClick = this.handleClick.bind(this);
    }

    handleClick() {
        console.log('clicked');
        this.setState({ displayColorPicker: !this.state.displayColorPicker });
    }

    render() {

        var btnClass = classNames({
            'inline': true,
            'colour-picker': true
        });

        return (
            <div>
                <button className="mdl-button mdl-js-button mdl-js-ripple-effect edit-button" onClick={this.handleClick}>
                    <div className={btnClass}>
                        <i className="material-icons">colorize</i>
                    </div>
                </button>
                <ColorPicker type="chrome" display={ this.state.displayColorPicker }/>
            </div>
        );
    }
}

module.exports = ColourPickerComponent;

```
