Errore con funzione di filter e includes "TypeError: element.includes is not a function"

[andgiaim1974]

Ciao Alka,
Mi scuso per l'errore.

Di seguito il codice più in dettaglio:

classStudente {
constructor(nome, cognome) {
this.nome=nome;
this.cognome=cognome;
}
}

letlistaStudenti= [];

document.addEventListener('DOMContentLoaded', () => {
document.querySelector('#formInserimentoStudenti').addEventListener('submit', (event) => {
event.preventDefault();

letnome=document.querySelector('#nome').value;
letcognome=document.querySelector('#cognome').value;

letnuovaPersona=newStudente(nome, cognome);

listaStudenti.push(nuovaPersona);
popolaTabella(listaStudenti)
})


document.querySelector('#formFilter').addEventListener('submit', (event2) => {
event2.preventDefault();
constsearchField=document.querySelector('#search-field').value;

letfilteredList=listaStudenti.filter((element) => {
returnelement.includes(searchField)
})
popolaTabella(filteredList)

})


functionpopolaTabella(studenti) {
lettbodyContent='';

for (letstudentofstudenti) {
tbodyContent+=`
<tr>
<td>${student.nome}</td>
<td>${student.cognome}</td>
</tr>
`
}

consttbody=document.querySelector('#listaStudenti');
tbody.innerHTML=tbodyContent;
console.log(tbody)
}

})