Erro

const titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";

function calcularIMC(paciente, peso, altura, tdIMC) {
  if (peso <= 0 || peso >= 1000) {
    console.log("Peso invalido");
    tdIMC.textContent = "Peso invalido";
    paciente.classList.add("paciente-invalido");
  } else if (altura <= 0 || altura >= 3.0) {
    console.log("Altura invalida");
    tdIMC.textContent = "Altura invalida";
    paciente.classList.add("paciente-invalido");
  } else {
    tdIMC.textContent = parseFloat(peso / altura ** 2).toFixed(2);
  }
}
const pacientes = document.querySelectorAll(".paciente");

let peso;
let altura;
let imc;

for (let i = 0; i <= pacientes.length; i++) {
    paciente = pacientes[i];

  peso = (paciente.querySelector(".info-peso").textContent);
  altura = (paciente.querySelector(".info-altura").textContent);
  tdIMC = (paciente.querySelector(".info-imc"));

  if (peso <= 0 || peso >= 1000) {
    console.log("Peso invalido");
    tdIMC.textContent = "Peso invalido";
    paciente.classList.add("paciente-invalido");
  } else if (altura <= 0 || altura >= 3.0) {
    console.log("Altura invalida");
    tdIMC.textContent = "Altura invalida";
    paciente.classList.add("paciente-invalido");
  } else {
    tdIMC.textContent = parseFloat(peso / altura ** 2).toFixed(2);
  }

}

titulo.addEventListener("click", mostraMensagem);

function mostraMensagem() {
  console.log("Olá eu fui clicado!");
}

Esse codigo quando executo ha um erro na linha 22, não entendo o por que dele acontecer e tambem não sei como resolve-lo.