From 65b24079cb0bb11384a7eec0b1b8ab25a7199944 Mon Sep 17 00:00:00 2001
From: Daniel Bedeleanu <daniel.bedeleanu@emag.ro>
Date: Wed, 15 Apr 2026 09:35:44 +0300
Subject: [PATCH] fix: resolve TypeScript build error in AIOnboarding and
 Scanner components

- Fix null type error in AIOnboarding.tsx line 352: img src attribute
- Fix similar issue in Scanner.tsx line 237: capturedImage null handling
- Use '|| undefined' pattern to satisfy React 19/Next.js 15 type requirements
- Both components now properly handle null/undefined image states
---
 frontend/VERSION.json                | 6 +++---
 frontend/components/AIOnboarding.tsx | 2 +-
 frontend/components/Scanner.tsx      | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/VERSION.json b/frontend/VERSION.json
index e7afd982..68b797ff 100644
--- a/frontend/VERSION.json
+++ b/frontend/VERSION.json
@@ -1,6 +1,6 @@
 {
-  "version": "1.9.20",
-  "last_build": "2026-04-14-2250",
-  "codename": "AIFix",
+  "version": "1.9.21",
+  "last_build": "2026-04-14-2300",
+  "codename": "TSFix",
   "commit": "manual"
 }
\ No newline at end of file
diff --git a/frontend/components/AIOnboarding.tsx b/frontend/components/AIOnboarding.tsx
index 09f853c1..087bc601 100644
--- a/frontend/components/AIOnboarding.tsx
+++ b/frontend/components/AIOnboarding.tsx
@@ -349,7 +349,7 @@ export default function AIOnboarding({ onCancel, onComplete, categories, invento
       ) : extractedItems.length === 0 ? (
         <div className="flex-1 flex flex-col gap-6 min-h-0 overflow-hidden">
           <div className="relative flex-1 min-h-0 rounded-[2.5rem] overflow-hidden border-4 border-slate-900 shadow-2xl bg-slate-900">
-            <img src={image} className="w-full h-full object-contain" alt="Captured label" />
+            <img src={image || undefined} className="w-full h-full object-contain" alt="Captured label" />
             <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent pointer-events-none" />
             
             {uploading && (
diff --git a/frontend/components/Scanner.tsx b/frontend/components/Scanner.tsx
index 6667a355..64e2ea29 100644
--- a/frontend/components/Scanner.tsx
+++ b/frontend/components/Scanner.tsx
@@ -234,7 +234,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
         {isSelecting && capturedImage && (
           <div className="absolute inset-0 z-50 bg-slate-950 flex flex-col">
             <div className="relative flex-1 bg-black flex items-center justify-center overflow-hidden">
-               <img src={capturedImage} className="max-w-full max-h-full object-contain" id="ocr-canvas-preview" />
+               <img src={capturedImage || undefined} className="max-w-full max-h-full object-contain" id="ocr-canvas-preview" />
                <div className="absolute inset-0 flex items-center justify-center">
                   <div className="relative" style={{ width: '100%', height: '100%' }}>
                     {detectedWords.map((w, i) => (