React beautiful DND – I get “Unable to find draggable with id: 1”

There are a few issues with your code:

1. Error Unable to find draggable with id: X

In the Column component you used index as a key for the tasks. I think this is what causes this error.

Using the task id as key, in Column, makes this error go away.

2. reorder has some issues:
   • it removes a task when dropped in the same column
   • raises an error when a task is dropped outside the columns

I had a bit of fun with you code and tried another way to reorder. This way of reordering might come in handy if you ever add a more columns – there is still room for improvements.

Hope it helps!