Redux form "изменение" вызывается дважды

Question

Я использую переключаемый ввод, который я оборачиваю с помощью формы сокращения. Когда я нажимаю на нее, я хочу, чтобы значение моего поля redux изменялось определенным c способом. Итак, в mapDispatchToProps я написал этот код:

const mapDispatchToProps = (dispatch, { cardNumber }) => ({
  onAtmLimitToggle: (atmLimitValue) => {
    if (atmLimitValue) {
      dispatch(change(cardNumber, 'atmLimit', 0));
    } else {
      dispatch(change(cardNumber, 'atmLimit', 100));
    }
  }
});

Код моего поля таков:

<Field
        id={`atmLimit${cardIndex}`}
        name=atmLimit
        component="input"
        type="checkbox"
        onChange={() => onAtmLimitToggle(atmLimitValue)}
      />

Когда я нажимаю кнопку, функция изменения формы redux вызывается дважды, как вы можете видеть на скриншотах

Что еще хуже, во второй раз, когда это называется, у него неправильная полезная нагрузка. Я не призываю к изменению других частей кода. Почему это происходит? Я также использовал e.stopPropagation, но не работал