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

Após assistir a aula, executando o código de acordo com o do professor, notei esse erro no console e a não visualização dos dados na web, o que eu faço?

Console do navegador retorna o erro aqui "data.forEach (elemento => {"

 const criaNovaLinha = (nome, email) => {
   const linhaNovoCliente = document. createElement('tr')
    const conteudo = `
   <td class="td" data-td>${nome}</td>
   <td>${email}</td>
   <td>
       <ul class="tabela__botoes-controle">
           <li><a href="../telas/edita_cliente.html?id=${id}" class="botao-simples botao-simples--editar">Editar</a></li>
           <li><button class="botao-simples botao-simples--excluir" type="button">Excluir</button></li>
       </ul>
   </td> 

   `

   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(criarNovaLinha(nome,email))
    })
}