diff --git a/src/app/checkout/client.tsx b/src/app/checkout/client.tsx
index a3c5ba0..0ab6872 100644
--- a/src/app/checkout/client.tsx
+++ b/src/app/checkout/client.tsx
@@ -13,7 +13,7 @@ interface CheckoutPageClientProps {
 
 export default function CheckoutPageClient({ isLoggedIn, customer }: CheckoutPageClientProps) {
   const [mounted, setMounted] = useState(false);
-  const [mode, setMode] = useState<'login' | 'guest' | null>(isLoggedIn ? 'logged-in' : null);
+  const [mode, setMode] = useState<'logged-in' | 'login' | 'guest' | null>(isLoggedIn ? 'logged-in' : null);
   const [checkingOut, setCheckingOut] = useState(false);
   const [checkoutError, setCheckoutError] = useState<string | null>(null);
   const [guestData, setGuestData] = useState({