Sketch Picker does not reflect color change on click nor drag

Hi
I am unable to pick color and values doesn't change, I am attaching code snippet and image, this bug raised recently using react 16.12.0 version.


onComplete = (param) => {
const hexVal = param.hex || param.target.value;
this.props.brandingColor.originalHexColorCode = this.props.brandingColor.hexColorCode;
this.props.brandingColor.hexColorCode = hexVal;
this.setState({ color: param.rgb });
this.props.updateColor(this.props.colors, this.props.brandingColor);
};

SketchPicker
color={this.state.color}
onChangeComplete={this.onComplete}
disableAlpha={true}
presetColors={this.getHexValues()}
/>

Start by reproducing the SketchPicker issue with React 16.12.0, using the provided onChangeComplete callback, color prop, and animated example. Trace whether click and drag events update the picker values and displayed color; done means both interactions visibly update the selected color and callback values.

Written by the indexing model from the issue text.