Estoy creando un proyecto tipo Google Keep y quería agregar la funcionalidad de arrastrar y soltar notas para reordenarlas. Recibo el marcador de posición de error no encontrado

aquí está mi código:

 <CreateArea onAdd={addingNote}/> <DragDropContext> <Droppable droppableId="notesloop" > { (provided) => ( <div className="notesloop" {...provided.droppableProps} ref={provided.innerRef}> {notes.map((currentNote,index) => { return ( <Draggable key={index} draggableId={index.toString()} index={index}> {(provided) => ( <div ref={provided.innerRef} {...provided.draggableProps} {...provided.dragHandleProps}> <Note onDel={deleteNote} id={index} title={currentNote.title} content={currentNote.content} ></Note> {provided.placeholder} </div> )} </Draggable> ); })} </div> ) } </Droppable> </DragDropContext>