ColorInput optimization in controlled mode?

[solid ravine]

i need to use controlled mode, because I'm controlling a field's disabled status with a checkbox. in the same form Im also using ColorInput but it's very slow because the whole form rerenders on change. Is there a way to optimize this somehow?

[carmine ferry]

use onChangeEnd instead of onChange

[solid ravine]

i don't have any event handlers defined. it's in uncontrolled mode

just dragging the mouse over the picker results in rerendering

[solid ravine]

does this mean this is correct? i don't pass key and getInputProps to ColorInput?

  onChangeEnd={(v) => {
    form.setFieldValue(`statuses.${index}.color`, v);
  }}
  format="hexa"
  popoverProps={{ position: "bottom" }}
  defaultValue={element.color}
  fixOnBlur
  // key={form.key(`statuses.${index}.color`)}
  // {...form.getInputProps(`statuses.${index}.color`)}
/>```

[warped rover]

Do not use form.getInputProps

[solid ravine]

okay. thank u

but settings the form field onChangeEnd is "alright"?

what does "key={form.key(statuses.${index}.color)}" do in this case by itself exactly?

[warped rover]

form.key is required for uncontrolled form mode to work