Converting the QR code to image

Steps to convert the API qr_code response into a renderable image

1. Get QR Code Get the qr_code value from the API response.
2. Basic Decode Decode the qr_code data, which is encoded using Base64. Example, in JS:
   const decodedQrCode = window.atob(qr_code);
   
3. Convert to QR Image URL Use any known method in your programming language, or an external library, to convert decodedQrCode into a QR image URL. Example using the qrcode npm package (ES6/ES7):
   import QRCode from 'qrcode'
   let qr_url = null;
   // With promises
   QRCode.toDataURL(decodedQrCode)
     .then((url) => {
       console.log(url)
       qr_url = url;
     })
     .catch((err) => {
       console.error(err)
     })
   
4. Render QR Image Set qr_url as the src attribute of an image element in HTML. Example:
   <img
     src={qr_url} // QR image url to render in UI
     class="" // add relevant styles
     alt="QR image"
   />