buscar paciente = undefined

Bom dia,

Estou na aula 9 do curso de JS e meu problema é que quando eu tento ver as repostas da API mostra no console como undefined e acredito que possívelmente o problema seja o link, pois quando abro link https://api-pacientes.herokuapp.com/pacientes ele apenas abre como um texto normal e não as funcionalidades de esconder uma de codigo clicando ao lado do ] ou do { e tambem não é demonstrado uma alteração de cores nos textos como visto no vídeo do professor.

Aqui está o código que estou usando para essa parte:

                var botaoAdicionar = document.querySelector("#buscar-pacientes");
                botaoAdicionar.addEventListener("click", function(){
                var xhr = new XMLHttpRequest();

                xhr.open("GET", "https://api-pacientes.herokuapp.com/pacientes");

                xhr.addEventListener("load", function(){
                    console.log(xhr.reponseText)
                });

                xhr.send();
            });

Agradeço a atenção desde já.