Ajuda com projeto

Já fiz o curso = JavaScript na Web: armazenando dados no navegador, porém continuo com problemas ainda, não consigo adicionar dois objetos em um mesmo array no local storage. Quando preencho as informações novamente os dados do objeto anterior no local storage é substituido. Quero criar mas de um objeto no mesmo array no local storage.

Segue código, conto com a ajuda por favor.

const arrayDeClientes = [];

function cadastraPosto (nomedoposto, endereco, cidade, UF) {


   var nomedoposto = document.getElementById("nomedoposto");
   var endereco = document.getElementById("endereco");
   var cidade = document.getElementById("cidade");
   var UF = document.getElementById("UF");


      const cadastroAtual = { 
      "nomedoposto" : nomedoposto.value,
        "endereco" : endereco.value,
        "cidade" : cidade.value,
         "UF" : UF.value,

      }

      arrayDeClientes.push({cadastroAtual})


   localStorage.setItem("item", JSON.stringify(arrayDeClientes));


    }