Data property not being updated while looping

[Ehceyn]

I tried creating new qr codes while looping through an external data but the data is not being updated

` const data = ["uihiuh", "juuiiu", "huiiu", "uhui"];
const qrCode = [];
const container = document.getElementById("container");
data.forEach((qrInfo, i) => {
// Create Html
let div1 = document.createElement("div");
let div2 = document.createElement("div");
let button = document.createElement("button");
let div3 = document.createElement("div");
let div4 = document.createElement("div");
let div5 = document.createElement("div");
let article = document.createElement("article");
let p = document.createElement("p");

    div2.className = "flex flex-col items-center space-y-3";
    button.innerHTML = "Download";
    button.id = "download" + i;
    div3.className = "flex justify-center";
    div5.id = "canvas" + i;
    p.innerHTML = qrInfo;
    p.className = "font-extrabold text-sm text-center";
    article.append(p);

    div4.append(div5);
    div3.append(button);
    div2.append(div3);
    div2.append(div4);
    div2.append(article);
    container.append(div2);

    // Create canvas
    qrCode.push(
      new QRCodeStyling({
        width: 150,
        height: 150,
        type: "svg",
        data: qrInfo + i,
        image:
          "https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg",
        dotsOptions: {
          color: "#000",
          type: "rounded",
        },
        backgroundOptions: {
          color: "#fff",
        },
        imageOptions: {
          crossOrigin: "anonymous",
          margin: 5,
        },
      })
    );
    console.log(qrCode);
    qrCode[i].append(document.getElementById("canvas" + i));
    // qrCode[i].download({ name: "qr", extension: "png" });
  });
`

[kozakdenys]

Hi @Ehceyn, it seems like a duplicate of #210