CustomPicker broken on 2.18.0 version

Hi all,

Want to share an issue which happened on my project after updating the package from 2.17.3 to 2.18.0 version, which forced me to downgrade the version.

I am using Saturation, Hue and EditableInput components wrapped by CustomPicker.

Seems like in 2.18.0 version the onChange method is broken and the value is not updating correctly which causes a UI bug.

Here is a simplified snippet from my code.

Thanks in advance

`const MyPicker = ({ hsl, onChange, hsv, hex }) => { const changePicker = useCallback((e) => { onChange(e); // Some local state management }, []);

const changeInputValue = useCallback((e) => {

    if (typeof onChange === 'function') {
        onChange(e.hex);
    }

}, [onChange]);

const pickerProps = {
    hsl,
};

const saturationProps = {
    ...pickerProps,
    hsv,
};

return (
    <div className={classes.colorPickerContainer}>
        <Saturation {...saturationProps} onChange={changePicker}/>
        <Hue {...pickerProps} onChange={changePicker}/>
        <EditableInput value={hex ? hex.slice(1) : 0} label={'hex'} onChange={changeInputValue} />
    </div>
);

};

export default memo(CustomPicker(MyPicker));`

[joncursi]

@casesandberg I’m still seeing this same issue in v2.18.1 where onChange is not propagating the new color result in the Saturation component (hue is working fine).

[pailhead]

Thank you, reverting to 2.17.3 fixed my issue.