look at the code below:

import QRCode from "react-qr-code";

return (
    <div className="container">
      <table
        className="table table-bordered mt-3 table-hover text-center "
        id="collapse1"
      >
        <thead>
          <tr>
            <th scope="col">#</th>
          </tr>
        </thead>
        <tbody>
          {unScannedProduction.map((x) => (
            <tr key={x.ProductionWorksheetId}>
              <th scope="row">
                <QRCode
                  value={x.ProductionWorksheetId}
}
                />
              </th>
            </tr>
          ))}
        </tbody>
      </table>      
    </div>
  );

as you can see I render a table with the QR Code where I get its's value from a map method and here is the result :

now i want to have a "button" that download all this Generated QR Code From the Table To A single File like PDF OR Word