Sometimes Wheel don't react to onChange

[spl1nt3r99]

I've used code like this:

const [hsva, setHsva] = useState({ h: 214, s: 43, v: 90, a: 1 })

const onChangeColorPicker = (event: any) => {
    setHsva({ ...hsva, ...event.hsva })
  }

return (
 <Wheel className={"wheel"} color={hsva} onChange={(event) => onChangeColorPicker(event)} />
)

At times, when I simply click (not click, hold, and move) on the wheel, the color doesn't update immediately. I find that I have to click on the same spot again to trigger the onChange event. Do I need to use another approach?

[jaywcjlove]

@spl1nt3r99 I can't reproduce the problem you describe.

You can give me an example that can be reproduced

[spl1nt3r99]

@jaywcjlove I've simplified code for issue, original was:

const onChangeColorPicker = (event: any) => {
    setHsva({ ...hsva, ...event.hsva })
    dispatch(updateTemporaryApplicationColorScheme(hsvaToHex(hsva)))
}

Change it to and it works as expected:

const onChangeColorPicker = (event: any) => {
    setHsva({ ...hsva, ...event.hsva })
    dispatch(updateTemporaryApplicationColorScheme(hsvaToHex(event.hsva)))
}

I suppose we can close this issue, because it's not relative to wheel, but react. Thank you for the quick response.