How to update data in layer instead of replace data in layer?

[acebelowzero]

How can I update or append new data to layers instead of replacing everything that has changed?

setProps({layers:newlayer})
replaces the old data how do I keep the old and add to it with new data

[Pessimistress]

_dataDiff

[acebelowzero]

Ill try it out

[acebelowzero]

for _dataDiff in the index do I need to know which index to update before hand?
and how do I continuously update the layers. I am using a for loop to make a request over and over but the setProps only changes once during that time when I don't use update Triggers.
here is my method
everytime it loops the data just gets replaced instead of being added when I use update Triggers

async filterByDate() {
      let iter = 0;
      let offset = 0;
      this.loading = true;
      for (let it = 0; it < 200; it++) {
        await axios
          .post("/api/DronesbyDate", {
            To: this.dateTo,
            From: this.dateFrom,
            offset: offset,
          })
          .then((response) => {
            this.DronesByDate = response.data;
            if (this.DronesByDate === []) {
              return;
            }
            let index = -1;
            const drones = this.makeDrone(response.data);
            const homes = this.makeHome(response.data);
            const pilots = this.makePilot(response.data);
            this.drones.push(drones);
            this.homes.push(homes);
            this.pilots.push(pilots);
            let dronesCop = this.drones.slice();
            let homesCop = this.homes.slice();
            let pilotsCop = this.pilots.slice();
            dronesCop.splice(index, 0, drones);
            homesCop.splice(index, 0, drones);
            pilotsCop.splice(index, 0, drones);
            const layers = [
              new ColumnLayer({
                id: "drones",
                data: drones,
                _dataDiff: (drones, dronesCop) => [
                  { statRow: 0, endRow: dronesCop.length + 1 },
                ],
                diskResolution: 12,
                radius: 5,
                extruded: true,
                pickable: true,
                elevationScale: 1,
                getPosition: (d) => [d.Longitude, d.Latitude],
                getColor: (d) => this.stringToColour(d).convertToRGB(),
                getLineColor: [0, 0, 0],
                getElevation: (d) => d.Altitude,
                updateTriggers: {
                  getPosition: (d) => [d.Longitude, d.Latitude],
                },
              }),
              new ColumnLayer({
                id: "pilot",
                data: pilots,
                _dataDiff: (pilots, pilotsCop) => [
                  { statRow: 0, endRow: pilotsCop.length + 1 },
                ],
                diskResolution: 12,
                radius: 5,
                extruded: true,
                pickable: true,
                elevationScale: 1,
                getPosition: (d) => [d.PilotLongitude, d.PilotLatitude],
                getColor: (d) => this.stringToColour(d).convertToRGB(),
                getLineColor: [0, 0, 0],
                getElevation: (d) => d.AltitudeHeight,
                updateTriggers: {
                  getPosition: (d) => [d.Longitude, d.Latitude],
                },
              }),
              new ColumnLayer({
                id: "homes",
                data: homes,
                _dataDiff: (homes, homesCop) => [
                  { statRow: 0, endRow: homesCop.length + 1 },
                ],
                diskResolution: 12,
                radius: 5,
                extruded: true,
                pickable: true,
                elevationScale: 1,
                getPosition: (d) => [d.HomeLongitude, d.HomeLatitude],
                getColor: (d) => this.stringToColour(d).convertToRGB(),
                getLineColor: [0, 0, 0],
                getElevation: (d) => d.AltitudeHeight,
                updateTriggers: {
                  getPosition: (d) => [d.Longitude, d.Latitude],
                },
              }),
            ];
            iter++;
            offset += 5000;
            this.decker.setProps({ layers: layers });
          })
          .catch((error) => {
            //offset++;
            console.log(error);
          });
      }
    },

[acebelowzero]

I used Handle incremental data loading