[Dúvida] localStorage não se mantém ao recarregar a página

Olá!

Acompanhei a aula e escrevi o código idêntico ao do instrutor, porém no meu navegador o local storage é zerado quando, após dar refresh na página, adiciono a próxima tarefa.

Notei que o método localStorage.setItem sempre carrega o array inteiro ao invés de apenas adicionar a tarefa nova e que o array tarefas é apagado quando reinicio a página. Não sei se esse é o problema. Tentei contornar esse problema utilizando o método getItem e incrementando a nova tarefa, mas sem sucesso...

const btAddTask = document.querySelector('.app__button--add-task');
const formAddTask = document.querySelector('.app__form-add-task');
const textoTarefa = document.querySelector('.app__form-textarea');

const tarefas = [];

btAddTask.addEventListener('click', () => {
    formAddTask.classList.toggle('hidden');
});

formAddTask.addEventListener('submit', (evento) => {
    evento.preventDefault();
    const tarefa = {
        descricao: textoTarefa.value,
    }
    tarefas.push(tarefa);
    localStorage.setItem('tarefas', JSON.stringify(tarefas));
})