react checkbox Событие работает через раз (не каждый клик)

Решение

В обработчике убираем .preventDefault() - и тогда клик начинает работать нормально

Например, для чекбокса:

<CheckboxInput
   value={objectFloorsEnabledCount === objectFloorsCount}
   name={`${buildingIndex}-enabled`}
   onChange={handleChangeObjectCheckbox}
   // disabled={!allowEdit}
   label={objectFloorsEnabledCount + '/' + objectFloorsCount}
/>

было так:

const handleChangeObjectCheckbox = React.useCallback((evt) => {
    evt.preventDefault();

    console.log('evt.target.name', evt.target.name);

а надо так:

const handleChangeObjectCheckbox = React.useCallback((evt) => {

    console.log('evt.target.name', evt.target.name);

Источник решения: https://stackoverflow.com/questions/5702...