Erro no console | JS na web: CRUD com JavaScript assíncrono

Segui o que o instrutor fez mas o erro permanece. Se alguém puder me ajudar.

const criaNovaLinha = (nome, email) => { const linhaNovoCliente = document.createElement('tr') const conteudo = `

${nome}

${email}

Editar

` linhaNovoCliente.innerHTML = conteudo return linhaNovoCliente }

const tabela = document.querySelector('[data-tabela]')

const http = new XMLHttpRequest()

http.open('GET', 'http://localhost:3000/profile')

http.send()

http.onload = () => { const data = JSON.parse(http.response) data.forEach(elemento => { tabela.appendChild(criaNovaLinha(elemento.nome,elemento.email)) }); }

No console mostra o seguinte erro:

Uncaught TypeError: data.forEach is not a function at http.onload (cliente-service.js:29:9)

http.onload = () => { const data = JSON.parse(http.response) if(Array.isArray(data)){ data.forEach(elemento => { tabela.appendChild(criaNovaLinha(elemento.nome,elemento.email)) }); } else { console.log("O retorno não é um array") } }