Сборка HTML итерацией с kotlinx. html

Question

Я пытаюсь создать список HTML с помощью kotlinx. html путем итерации по коллекции, для каждого элемента в коллекции я хочу построить тег LI внутри тега UL.

Вот что я пытаюсь:

fun showProducts(products: List<Product>) {
    document.getElementById(content.id)
        ?.append {
            ol {
                products.forEach {
                    this.li {
                        +it.name
                    }
                }
            }
        }
}

Но я получаю сообщение об ошибке в консоли браузера:

Uncaught (в обещании) TypeError: closure $ products.iterator не является function

Как перебрать коллекцию и добавить теги LI внутри тега UL для каждого продукта, переданного в функцию?