Как исправить Uncaught TypeError: Cannot read properties of undefined (reading '0')?

boolean значение, которое я выше в массиве habits указал, но менять я его (boolean) хочу по клику на кнопку

Как исправить Uncaught TypeError: Cannot read properties of undefined (reading '0')?

Вадим, вот

const getHabitElement = ({ img, name, completed }) => `
<div class="mb-8">
   <div class="habit-header">
      <img width="80" src="${img}" alt="habit-1" />
      <span class="font-semibold text-2xl">${name}</span>
   </div>
   <div class="habit-plan">
     ${getDaysWeekElement(completed)}
   </div>
</div>`;

const render = (habits) => {
  const habitContainer = document.querySelector('.habit-container');
  habitContainer.innerHTML = habits.map((habit) => getHabitElement(habit)).join('');
};

Как исправить Uncaught TypeError: Cannot read properties of undefined (reading '0')?

я отредактировал вопрос, спасибо за вашу внимательность, но вы можеет обьяснить почему там происходит?