Color picker closing automatically on clicking

[Parth909]

Version : 2.19.3
React Version :- v18

##Problem Faced

The color picker is closing automatically on clicking or when I try to type something in it. You can see it in the below video 👇 . What can I do to prevent it from closing automatically.

28.12.2023_20.26.32_REC.mp4

Code Snippet

<div
                    className={`tw-py-1 tw-h-auto tw-overflow-y-auto ${surveyStyles.survey_card_shadow}`}
                  >
                    <ChromePicker
                      color={rgbToHex(
                        formBackground[0],
                        formBackground[1],
                        formBackground[2]
                      )}
                      onChange={(data) => {
                        setFormBackground([data.rgb.r, data.rgb.g, data.rgb.b]);
                      }}
                    />
                  </div>