On custom color component, hue seems to jump around when changing saturation
I have a nice lil video to show my issue (zipped attachment)

my source code for my custom color component is below

```
import React, { Component, PropTypes } from 'react'
import { CustomPicker } from 'react-color'
import { Saturation, Hue } from 'react-color/lib/components/common'
import shallowCompare from 'react-addons-shallow-compare'
import Pointer from './pointer'
import ColorPickerFields from './fields'

class ColorPicker extends Component {
  constructor(...args) {
    super(...args)
    this.handleChange = this.handleChange.bind(this)
  }
  shouldComponentUpdate(nextProps, nextState) {
    return shallowCompare(this, nextProps, nextState)
  }
  handleChange(data) {
    const { onChange } = this.props
    onChange(data)
  }
  render() {
    const { onChange, ...props } = this.props
    return (
      <div className="color-picker">
        <div className="saturation">
          <Saturation
            onChange={ this.handleChange }
            pointer={ Pointer }
            { ...props }
          />
        </div>
        <div className="hue">
          <Hue
            direction={ 'horizontal' }
            onChange={ this.handleChange }
            pointer={ Pointer }
            { ...props }
          />
        </div>
        <ColorPickerFields
          onChange={ this.handleChange }
          { ...props }
        />
      </div>
    )
  }
}

ColorPicker.propTypes = {
  onChange: PropTypes.func.isRequired,
}

export { ColorPicker as ColorPicker }
/* eslint-disable */
export default CustomPicker(ColorPicker)
```

[react-color-issue.zip](https://github.com/casesandberg/react-color/files/294213/react-color-issue.zip)

Any idea what it could be?
