Erro em remove-livros.js

Estou recebendo o seguinte erro quando tento deletar um livro da lista:

TypeError: Cannot read property 'remove' of null
    at fetch.then.resposta (remove-livros.js:11)

Pelo que vi, meu código está igual ao disponibilizado, 'tr' recebe um valor undefined.

let tabelaLivros = document.querySelector('#livros');
tabelaLivros.addEventListener('click', (evento) => {
    let elementoClicado = evento.target;

    if(elementoClicado.dataset.type == 'remocao'){
        let livroId =  elementoClicado.dataset.ref;
        fetch(`http://localhost:3000/livros/${livroId}`, {method: 'DELETE'})
        .then(resposta => {
            let tr = elementoClicado.closest(`#livro_${livroId}`);
            tr.remove();
        })
        .catch( erro => console.log(erro));
    }
} )

O item é removido, mas a mudança só aparece ao recarregar a página.

Agradeço desde já pela atenção!