message: Use the collectedProps for canDrag
diff: @@ -13,12 +13,7 @@ interface Props {
  let dragTimeout: number | null = null;
  export default function DraggableInventoryItem({ children, item }: Props) {
  - function canDrag() {
  - return (!item.location.inPostmaster || item.destinyVersion === 2) && item.notransfer
  - ? item.equipment
  - : item.equipment || item.bucket.hasTransferDestination;
  - }
  - const [_collected, dragRef] = useDrag<DimItem>(
  + const [{ canDrag }, dragRef] = useDrag<DimItem, unknown, { canDrag: boolean }>(
  () => ({
  type: item.location.inPostmaster
  ? 'postmaster'
  @@ -42,14 +37,18 @@ export default function DraggableInventoryItem({ children, item }: Props) {
  document.body.classList.remove('drag-perf-show');
  isDragging$.next(false);
  },
  - canDrag,
  + canDrag: () =>
  + (!item.location.inPostmaster || item.destinyVersion === 2) && item.notransfer
  + ? item.equipment
  + : item.equipment || item.bucket.hasTransferDestination,
  + collect: (monitor) => ({ canDrag: monitor.canDrag() }),
  }),
  [item]
  );
  return (
  <div
  ref={dragRef}
  - className={clsx('item-drag-container', `item-type-${item.type}`, { 'cant-drag': !canDrag() })}
  + className={clsx('item-drag-container', `item-type-${item.type}`, { 'cant-drag': !canDrag })}
  >
  {children}
  </div>
  