I'have currently a problem to create and to send an archive from a node.js server.

In fact, i succeeded create an archive with 5 csv files on the archive but when i send the archive to my React Application and when i unzip this archive i'have got just one file ....

I have checked (local) the archive created by the server and there are 5 files instead of one when i unzip the folder send to the React Application.

My http response :

import { Parser } from "json2csv";
import archiver from "archiver";
import fs from "fs";
import path from "path";

const output = fs.createWriteStream(`csv/${campaign.title}.zip`, 'utf-8');

const archive = archiver("zip", {
zlib: { level: 9 }, // Sets the compression level.
});

output.on("close", function () {
console.log(archive.pointer() + " total bytes");
console.log("archiver has been finalized and the output file descriptor has closed.");
});

output.on("end", function () {
console.log("Data has been drained");
});

archive.on("warning", function (err) {
if (err.code === "ENOENT") {
    // log warning
} else {
    // throw error
    throw err;
}});

archive.on("error", function (err) {
throw err;
});

archive.pipe(output);

d.map(items => {
let file = items;
archive.append(file, { name: file });
});


archive.pipe(res)

archive.finalize();

res.setHeader('application/zip')

res.setHeader("Content-Disposition", `attachment; filename=${campaign.title}.zip`);

res.status(200).send(archive);