From 061f11e686606488a0c8009b924500225d4909e6 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Sun, 28 Sep 2025 13:05:29 -0400
Subject: [PATCH] Fix TypeScript compilation error in BibleReader

- Added null check for verseNumber before rendering favorite button
- Prevents 'string | null is not assignable to string' error
---
 frontend/src/components/BibleReader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/BibleReader.tsx b/frontend/src/components/BibleReader.tsx
index b25fdf0f..7e7cbf19 100644
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -267,7 +267,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
               <span className="bible-text">{verseText}</span>
             </div>
             {/* Star button - only show for authenticated users */}
-            {user && (
+            {user && verseNumber && (
               <button
                 onClick={() => toggleFavorite(verseNumber)}
                 className="ml-2 mt-1 p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"