From 5380a894b1f114d0ec22d3f0c678bd7e2e239350 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Sun, 28 Jun 2026 17:35:42 -0500
Subject: [PATCH] Fix useParams null crash on detail pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

useParams() can return null during SSR — destructuring null throws TypeError.
Use optional chaining params?.id to prevent the crash.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 admin/src/app/professionals/[id]/page.tsx | 3 ++-
 admin/src/app/users/[id]/page.tsx         | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/admin/src/app/professionals/[id]/page.tsx b/admin/src/app/professionals/[id]/page.tsx
index 9204fba..28232cc 100644
--- a/admin/src/app/professionals/[id]/page.tsx
+++ b/admin/src/app/professionals/[id]/page.tsx
@@ -33,7 +33,8 @@ interface ProForm { profession: string; identification: string; address: string;
 interface UserForm { name: string; email: string; phone: string; city: string; }
 
 export default function ProfessionalDetailPage() {
-  const { id } = useParams<{ id: string }>();
+  const params = useParams<{ id: string }>();
+  const id = params?.id;
   const [professional, setProfessional] = useState<Professional | null>(null);
   const [services, setServices] = useState<Service[]>([]);
   const [loading, setLoading] = useState(true);
diff --git a/admin/src/app/users/[id]/page.tsx b/admin/src/app/users/[id]/page.tsx
index af3fc85..0dbc5eb 100644
--- a/admin/src/app/users/[id]/page.tsx
+++ b/admin/src/app/users/[id]/page.tsx
@@ -28,7 +28,8 @@ const PRO_STATE_VARIANTS: Record<number, 'default' | 'secondary' | 'destructive'
 interface Form { name: string; city: string; phone: string; gender: string; }
 
 export default function UserDetailPage() {
-  const { id } = useParams<{ id: string }>();
+  const params = useParams<{ id: string }>();
+  const id = params?.id;
   const [user, setUser] = useState<UserDetail | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);