Pessoal, Estou tentando criar uma lista no HTML através de um array que vou adicionando itens através de uma função, mas os itens dos array não aparecem. Por gentilieza, poderima me dar uma dica?

index.html

app.js function listaTabela() {

    let listaAmigos = document.getElementById('listaAmigos');
    listaAmigos.innerHTML = '';
    listaAmigos.innerHTML = amigos.map(item=>`<li>${item}</li>`).join();

    for(let i = 0; i < amigos.length; i++){
        amigos.map(function (item) {
                return `<li>${item}</li>`;
            }).join('\n'); 
            
        listaAmigos.innerHTML = amigos;
        
    }