From 3bef879ff98e2e72f3db24cb041a69548f6e166c Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Mon, 23 Mar 2026 19:03:38 +0100
Subject: [PATCH] fix: move useSensors hook to component top level (React hooks
 rules)

---
 src/admin/pages/OfferDetail.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 1e20297..824f52b 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -170,6 +170,11 @@ export default function OfferDetail() {
   const alert = useAlert()
   const { hasPermission } = useAuth()
   const navigate = useNavigate()
+  const dndSensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
+    useSensor(TouchSensor, { activationConstraint: { delay: 200, tolerance: 5 } }),
+    useSensor(KeyboardSensor),
+  )
 
   const [loading, setLoading] = useState(isEdit)
   const [saving, setSaving] = useState(false)
@@ -827,11 +832,7 @@ export default function OfferDetail() {
 
           <div className="admin-table-responsive">
             <DndContext
-              sensors={useSensors(
-                useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
-                useSensor(TouchSensor, { activationConstraint: { delay: 200, tolerance: 5 } }),
-                useSensor(KeyboardSensor),
-              )}
+              sensors={dndSensors}
               collisionDetection={closestCenter}
               modifiers={[restrictToVerticalAxis]}
               onDragEnd={(event: DragEndEvent) => {