Тип 'HTML Collection' должен иметь метод [Symbol.iterator] () ', который возвращает итератор в директиве

Question

У меня есть карта в директиве, которая показывает код ошибки TS2488 Type 'HTML Collection' must have a '[Symbol.iterator]()' method that returns an iterator.

Моя карта:

map(
  ([headRow, bodyRows]: [HTMLTableRowElement, HTMLCollectionOf<HTMLTableRowElement>]) => [
    [...headRow.children].map(headerCell => headerCell.textContent), // First issue
    [...bodyRows].map(row => [...row.children]) // Second issue
  ]
),

Как мне лучше всего решить эту проблему? Есть какой-нибудь совет для меня?