I can't get the element.

[GrayOrchid]

I have three to-do lists and when I swap cases within one list, the last case in the list cannot be dragged and dropped. You can't interact with it in any way at all. And when I try to grab an item in the console I get this warning react-beautiful-dnd.esm.js:39 react-beautiful-dndUnable to find draggable with id: 654621428283905c5b2012adb3. I have each case has a unique id.

[GrayOrchid]

Apparently my problem was solved I needed to add the key

2. {todos?.tasks?.map((task, index) => (

3.                     <Draggable index={index} key={task._id} draggableId={task._id.toString()}>
   

4.                         {(provided) => (
   

5.                             <div className='todos__task'
   

6.                                 {...provided.draggableProps}
   

7.                                 {...provided.dragHandleProps}
   

8.                                 ref={provided.innerRef} >
   

9.                                 {provided.placeholder}
   

10.                                 <h1 className='todos__task-title'>{task?.title}</h1>
    

11.                             </div>
    

12.                         )}
    

13.                     </Draggable>
    

14.                 ))}