установка скрытого значения ввода при нажатии кнопки устанавливает неопределенное значение

Question

Это безумие, я не могу понять, что происходит! Каждый раз, когда я нажимаю кнопку, значение amountBeneficiaries устанавливается на undefined ... Вход moreBeneficiaries работает как задумано, но не другой

const moreBeneficiariesContainer = document.getElementById('moreBeneficiariesContainer')
const moreBeneficiaries = document.getElementById('moreBeneficiaries');
const moreBeneficiariesTrue = document.getElementById('moreBeneficiariesTrue');
const moreBeneficiariesFalse = document.getElementById('moreBeneficiariesFalse');
const amountBeneficiaries = document.getElementById('amountBeneficiaries')

// listeners
moreBeneficiariesTrue.addEventListener('click', showBeneficiaries);
moreBeneficiariesFalse.addEventListener('click', hideBeneficiaries);

// functions
function showBeneficiaries() {
  moreBeneficiaries.value = 'true';
  document.getElementById('amountBeneficiaries').value = '1';
  moreBeneficiariesContainer.classList.remove('d-none');
}

function hideBeneficiaries() {
  moreBeneficiaries.value = 'false';
  document.getElementById('amountBeneficiaries').value = '';
  moreBeneficiariesContainer.classList.add('d-none');
}

<section id="moreBeneficiariesContainer" class="d-none">
  <div class="button-section d-flex">
    <input id="moreBeneficiaries" type="hidden" value="false">
    <button id="moreBeneficiariesTrue" class="btn btn-block">Yes</button>
    <button id="moreBeneficiariesFalse" class="btn btn-block">No</button>
  </div>

  <input id="amountBeneficiaries" type="hidden" />
</section>

Я удалил скрытый ввод для amountBeneficiaries и создал глобальную переменную для хранения этого числа и с другим именем. Это работало, пока не выяснилось, почему другой не работает ...