Breaking Picker state
I don't understand completely how, but I managed to break the flow of the ChromePicker (actually any picker)

Im creating a colorPicker that is storing his state in the redux (redux-form to be exact) 
render:
```js
render () {
  const color = this.props.input.value || validateColor(this.props.defaultValue) // props.input comes from the store connected wrapper
  return (
      <OutsideAlerter onOutsideClick={this.handleClickOutside} >
        <Popup show={this.state.hasFocus}>
          <SketchPicker disableAlpha={this.props.disableAlpha} color={color}
            onChangeComplete={this.handleChangeComplete}
          />
        </Popup>
      </OutsideAlerter>
  )
}
```

changes handler:
```js
handleChangeComplete (color) {
    this.props.input.onChange(color.hex) // set the new value in Redux store
}

```

While data is going from the Picker down to the store -everything works fine...
But then data in store is changed (external event) and `const color=...` is changed in `render () method`.

I could see that `<ChromePicker />` component `props.color` is changed following my changes in store and so does `state.color.hex`. But `state.hsv`, `state.hsl`, `state.rgb` and `oldHue` of the `<ChromePicker />` are not changed.

Next, Im trying to change the color using slider. And I could see that  `state.hsv`, `state.hsl`,  and `oldHue` are changing following my actions. `state.rgb` and `state.hex` remaining the same, they are frozen...

Those values remain frozen until I clicking on the color inside the <Saturation /> component (child of the <ColorPicker /> -> <Chrome /> -> <Saturation />). Only after this click event colors in state - `state.rgb` and `state.hex` are starting to change...

Please advice - where I could broke the flow and maybe there is a workaround or 'dont`s' list...
