Angular - Perdida de referencia a un objeto, crud

Buenas tardes,
si alguien me puede brindar su ayuda, en el siguiente error, angular 13.
Tengo un crud de clientes, el cual muestra la información básica, nombre, apellido etc, el problema radica que el cliente tiene una localidad, al traer los clientes de los servicios, la lista se llena correctamente, pero cuando hago click en el botón actualizar, y abre una ventana emergente, la referencia a la localidad se pierde y queda en null, en la lista de clientes,
html- boton para abrir la ventana y asignar el cliente seleccionado.

<td class="ancho"><button pButton pRipple icon="pi pi-pencil" class="p-button-rounded p-button-success mr-2" (click)="actCLiente = cli; openNew(2)"></button></td>

aqui al ejecutar el evento click, la referencia de la localidad queda en null, en la lista de clientes.

lista(){
this.clienteService.lista().subscribe((res: any) => {
res.forEach((element: any) => {
this.clientes.push(element);
});
})
}

el error salta en la linea donde se recorre la lista de clientes.
<td class="ancho">{{cli.localidad.nombre}}</td>
ese valor pasa hacer null.