Estoy usando react-dnd, el siguiente código funciona bien para cordinates.length === 1 sin embargo, si la longitud aumenta, solo arrastra el último elemento en la lista de cordinates.

 <div style={{ height, width }} > {/* render all cordinates, select the uuid of dragged cordinate to update */} {cordinates.map((cordinate) => ( <img onDrag={() => { setDraggedMember(cordinate.fieldUuid); console.log('something dragged'); }} ref={drag} src={url} key={cordinate.fieldUuid} alt="draggable element" style={{ width: (type === 'TextField' && width), height: (type === 'TextField' && height), position: 'fixed', top: cordinate.y, left: cordinate.x, border: `3px solid ${color}`, }} /> ))} </div>