fix: move useSensors hook to component top level (React hooks rules)

This commit is contained in:
BOHA
2026-03-23 19:03:38 +01:00
parent 185157fe86
commit 3bef879ff9

View File

@@ -170,6 +170,11 @@ export default function OfferDetail() {
const alert = useAlert() const alert = useAlert()
const { hasPermission } = useAuth() const { hasPermission } = useAuth()
const navigate = useNavigate() 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 [loading, setLoading] = useState(isEdit)
const [saving, setSaving] = useState(false) const [saving, setSaving] = useState(false)
@@ -827,11 +832,7 @@ export default function OfferDetail() {
<div className="admin-table-responsive"> <div className="admin-table-responsive">
<DndContext <DndContext
sensors={useSensors( sensors={dndSensors}
useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
useSensor(TouchSensor, { activationConstraint: { delay: 200, tolerance: 5 } }),
useSensor(KeyboardSensor),
)}
collisionDetection={closestCenter} collisionDetection={closestCenter}
modifiers={[restrictToVerticalAxis]} modifiers={[restrictToVerticalAxis]}
onDragEnd={(event: DragEndEvent) => { onDragEnd={(event: DragEndEvent) => {