Dados do array são substituídos pela tarefa mais recente

Olá! Cada tarefa adicionada, em vez de adicionar ao array, substitui os dados já existentes lá dentro. Poderiam me ajudar a solucionar isso? Segue meu código:

export const handleNovoItem = (evento) => {
  evento.preventDefault(); 

  const tarefas = JSON.parse(localStorage.getItem("tarefas")) || [];

  const lista = document.querySelector("[data-list]"); 
  const input = document.querySelector("[data-form-input]");
  const valor = input.value;

  const calendario = document.querySelector("[data-form-date]");
  const data = moment(calendario.value);
  const dataFormatada = data.format("DD/MM/YYYY");


  const dados = {
    valor,
    dataFormatada,
  };

  const tarefasAtualizadas = [...tarefas, dados];

  const criaTarefa = Tarefa(dados);

  lista.appendChild(criaTarefa);

  localStorage.setItem("tarefa", JSON.stringify(tarefasAtualizadas)); 

  input.value = "";
};