title: React Color doesn't let to change the color
body: <p>I'm using <a href="https://casesandberg.github.io/react-color/#examples" rel="nofollow noreferrer">React Color</a> for my project. So I added <code>ChromePicker</code> as in the example into the code.</p>
  <p>When the button is clicked, the picker is shown, when it's clicked outside of it - it gets closed. So far so good, it works as expected.</p>
  <p>But if I try to change the color, to move the circle or the bars below the gradient there is no action, they are not moving. I don't know why is this happening.</p>
  <p>Here is my code:</p>
  <pre><code>import React from 'react';
  import { Button } from 'semantic-ui-react';
  import { ChromePicker } from 'react-color';
  
  export default class Banner extends React.PureComponent {
    constructor(props) {
      super(props);
      this.state = {
        displayColorPicker: false,
      };
    }
  
    handleClick = () =&gt; {
      this.setState({ displayColorPicker: true });
    };
  
    handleClose = () =&gt; {
      this.setState({ displayColorPicker: false });
    };
  
    render() {
      const popover = {
        position: 'absolute',
        zIndex: '2',
      };
      const cover = {
        position: 'fixed',
        top: '0px',
        right: '0px',
        bottom: '0px',
        left: '0px',
      };
  
      return ( 
         &lt;div&gt;
          ...//some other code
          &lt;div&gt;
            &lt;Button onClick={this.handleClick}&gt;Pick Color&lt;/Button&gt;
            {this.state.displayColorPicker ? (
              &lt;div style={popover}&gt;
                &lt;div
                  style={cover}
                  onClick={this.handleClose}
                  onKeyDown={this.handleClick}
                  role=&quot;button&quot;
                  tabIndex=&quot;0&quot;
                  aria-label=&quot;Save&quot;
                /&gt;
                &lt;ChromePicker /&gt;
              &lt;/div&gt;
            ) : null}
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>