dnd hooks sortable

dnd-hookd-sortable-ondrag.jsx

const handleDrag = useCallback(({translation, id}) => {
  const delta = Math.round(translation.y / HEIGHT);
  const index = state.order.indexOf(id);
  const dragOrder = state.order.filter(index => index !== id);

  if (!inRange(index + delta, 0, items.length)) {
    return;
  }

  dragOrder.splice(index + delta, 0, id);

  setState(state => ({
    ...state,
    draggedIndex: id,
    dragOrder
  }));
}, [state.order, items.length]);