diff --git a/app/ui/Pdf417Barcode.tsx b/app/ui/Pdf417Barcode.tsx
index 2a4f769..9a5d6b4 100644
--- a/app/ui/Pdf417Barcode.tsx
+++ b/app/ui/Pdf417Barcode.tsx
@@ -23,6 +23,7 @@ export const Pdf417Barcode:FC<{hub3aText:string, className?: string}> = ({hub3aT
     }
 
     return (
-        <img src={bitmapData} className={className} style={className ? undefined : { width: "350px", height: "92px" }} />
+        // eslint-disable-next-line @next/next/no-img-element
+        <img src={bitmapData} alt="PDF417 Barcode" className={className} style={className ? undefined : { width: "350px", height: "92px" }} />
     );
 }
\ No newline at end of file
diff --git a/app/ui/PrintPreview.tsx b/app/ui/PrintPreview.tsx
index 7f1d0fa..3de1f83 100644
--- a/app/ui/PrintPreview.tsx
+++ b/app/ui/PrintPreview.tsx
@@ -136,7 +136,9 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
                         <Pdf417Barcode hub3aText={item.hub3aText} className="max-h-28 w-auto max-w-[270px] print:m-[5em_auto] print:h-[auto] print:max-h-[85px] print:w-[69.6mm] print:max-w-[69.6mm]" />
                         : (
                           // LEGACY SUPPORT ... untill all bills have been migrated
+                          
                           item.barcodeImage ?
+                            // eslint-disable-next-line @next/next/no-img-element
                             <img
                               src={item.barcodeImage.startsWith('data:') ? item.barcodeImage : `data:image/png;base64,${item.barcodeImage}`}
                               alt={`Barcode for ${item.billName}`}
diff --git a/app/ui/ViewBillCard.tsx b/app/ui/ViewBillCard.tsx
index de9d9f0..aa30f40 100644
--- a/app/ui/ViewBillCard.tsx
+++ b/app/ui/ViewBillCard.tsx
@@ -71,6 +71,7 @@ export const ViewBillCard:FC<ViewBillCardProps> = ({ location, bill }) => {
                         barcodeImage ?
                         <div className="p-1">
                             <label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
+                                {/* eslint-disable-next-line @next/next/no-img-element */}
                                 <img src={barcodeImage} className="grow sm:max-w-[350px]" alt="2D Barcode" />
                             </label>
                             <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>
diff --git a/app/ui/ViewLocationCard.tsx b/app/ui/ViewLocationCard.tsx
index 7afc03c..7bd0948 100644
--- a/app/ui/ViewLocationCard.tsx
+++ b/app/ui/ViewLocationCard.tsx
@@ -108,7 +108,9 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location, userSettin
             hub3aText: EncodePayment(paymentParams),
             paymentParams
         });
-    }, []);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
 
     return(
         <div data-key={_id } className="card card-compact card-bordered max-w-[30em] min-w-[330px] bg-base-100 border-1 border-neutral my-1">