diff --git a/app/mes-lots/debug/page.tsx b/app/mes-lots/debug/page.tsx
index 0c9ca16..75cb5b4 100644
--- a/app/mes-lots/debug/page.tsx
+++ b/app/mes-lots/debug/page.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { useAuth } from "@/contexts/AuthContext";
 import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/Card";
 import Button from "@/components/Button";
@@ -9,6 +9,11 @@ export default function DebugTicketsPage() {
   const { user, isAuthenticated } = useAuth();
   const [response, setResponse] = useState<any>(null);
   const [loading, setLoading] = useState(false);
+  const [hasToken, setHasToken] = useState(false);
+
+  useEffect(() => {
+    setHasToken(!!localStorage.getItem('auth_token'));
+  }, []);
 
   const testAPI = async () => {
     setLoading(true);
@@ -69,7 +74,7 @@ export default function DebugTicketsPage() {
                   <li>👤 Utilisateur : {user?.firstName} {user?.lastName}</li>
                   <li>📧 Email : {user?.email}</li>
                   <li>🎭 Rôle : {user?.role}</li>
-                  <li>🔑 Token : {localStorage.getItem('auth_token') ? 'Présent' : 'Absent'}</li>
+                  <li>🔑 Token : {hasToken ? 'Présent' : 'Absent'}</li>
                 </ul>
               </div>