[2.9.13] - SketchPicker - Regression
Hi ,
my base code is 
``` TypeScript
            <SketchPicker color={this.state.value} onChange={(e: any) => {
                console.log(e)
                const hsl = e.hsl;
                const rgb = e.rgb;
                const value = this.state.value;
                let colorValueSend: string = "";
                if (/^#/gm.test(value) || extra!.colorMode! === "Hex") { colorValueSend = e.hex }
                if (/rgb/gm.test(value) || extra!.colorMode! === "Rgb") { colorValueSend = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})` }
                if (/hsl/gm.test(value) === true || extra!.colorMode! === "Hsl") { colorValueSend = `hsl(${hsl.h}, ${hsl.l * 100}%, ${hsl.s * 100}%)` }
                this.setState({ value: colorValueSend });
                handleValue(false, undefined, colorValueSend)
            }} />
```
PS: handleValue is custom  function on parent*

**In the old version i have no issue about that;**

![image](https://user-images.githubusercontent.com/25374826/125190338-d981a700-e23c-11eb-8b0b-eb8cf78bb7cb.png)
It is really kinda weird so i will explain with picture
I expect to click on rgb(255,0,0) but got rgb(255,255,255).
 and every selection is like that on "random" symetric values ... thats boring
