Necessidade de refresh na página após deleção

Depois que deleto um item de nossa página, eu preciso dar um refresh na página para que ele deixe de ser exibido. Porque será que isso ocorre?

let tabelaHabilidades = document.querySelector('#habilidade');

//console.log(tabelaHabilidades);

tabelaHabilidades.addEventListener('click', (evento) => {
    let elementoClicado = evento.target;

    if (elementoClicado.dataset.type == 'remocao') {
        let habilidadeId = elementoClicado.dataset.ref;
        fetch(`http://localhost:3002/habilidades/${habilidadeId}`, { method: 'DELETE' })
            .then(resposta => {

                let tr = elementoClicado.closest(`#habilidade_${habilidadeId}`);
                tr.remove(); // aqui ele esta retornando null ? Porquê?
            })
            .catch(erro => console.log(erro));
    }
});