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);