¿Es posible leer un archivo de Excel y, para cada fila, crear un punto en la pantalla que se pueda arrastrar?

El problema es que no puedo resolverlo, cómo hacerlo arrastrable. Logré llevar los datos a React y usar la tabla para mostrar. Todo lo que necesito es poder arrastrar cada elemento a cualquier parte de la pantalla. ¿Es posible hacer esto?

 import * as XLSX from "xlsx"; function App() { const [items, setItems] = useState([]); const readExcel = (file) => { const promise = new Promise((resolve, reject) => { const fileReader = new FileReader(); fileReader.readAsArrayBuffer(file); fileReader.onload = (e) => { const bufferArray = e.target.result; const wb = XLSX.read(bufferArray, { type: "buffer" }); const wsname = wb.SheetNames[0]; const ws = wb.Sheets[wsname]; const data = XLSX.utils.sheet_to_json(ws); resolve(data); }; fileReader.onerror = (error) => { reject(error); }; }); promise.then((d) => { setItems(d); }); }; return ( <div> <input type="file" onChange={(e) => { const file = e.target.files[0]; readExcel(file); }} /> <table class="table container"> <thead> <tr> <th scope="col">Item</th> <th scope="col">Description</th> </tr> </thead> <tbody> {items.map((d) => ( <tr key={d.Item}> <th>{d.Item}</th> <td>{d.Description}</td> </tr> ))} </tbody> </table> </div> ); }