I am trying to create a color picker on my react webpage. But When I click my color picker and choose a color from it, the color preview does not show. (not working). This si how it's loock.

Should my color picker preview the pink image..?

This is my code..?

              <div style={{marginRight: '15px'}}>
                    <input
                        value={priCol}
                        type="color"
                        className='colorPalette'
                        onChange={primaryHandleChange}
                    />
                </div>


    const primaryHandleChange = (event) => {
        props.getPrimaryColorPicker(getIntColor(event.target.value));
    };

//Convert my color

export const getHexColor = (intNumber)=> {
    return ('#' + intNumber.toString(16).padStart(6, '0'));
};

export const getIntColor = (hexColor)=> {
    return parseInt(hexColor.substring(1), 16);
};