import { useDrag } from "react-dnd";

function DraggableComponent(props) {
  const [collectedProps, drag] = useDrag({
    item: { id, type },
  });
  return <div ref={drag}>...</div>;
}