From 74e903775a45ac8c03429b4875448e40bb56b036 Mon Sep 17 00:00:00 2001
From: Syco21 <davhv12@gmail.com>
Date: Fri, 15 May 2026 22:08:40 +0200
Subject: [PATCH] Fix TDZ crash: move expandedCard declaration before useEffect
 that references it

---
 src/pages/HomePage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
index bc3a721..f1a771e 100644
--- a/src/pages/HomePage.jsx
+++ b/src/pages/HomePage.jsx
@@ -65,6 +65,8 @@ function HomePage() {
     totalCopies: cards.reduce((s, c) => s + getTotal(c), 0),
   }), [cards, getTotal]);
 
+  const expandedCard = cards.find(c => c.id === expandedCardId);
+
   const filteredCards = useMemo(() => {
     let result = cards;
     if (debouncedSearch) {
@@ -83,8 +85,6 @@ function HomePage() {
     return sorted;
   }, [cards, debouncedSearch, typeFilter, ownedOnly, sortBy, getTotal]);
 
-  const expandedCard = cards.find(c => c.id === expandedCardId);
-
   if (loading) return <p style={{ padding: '1rem', color: '#666' }}>Loading cards…</p>;
   if (error)   return <p style={{ padding: '1rem', color: '#c04040' }}>Error: {error}</p>;