react-beautiful-dnd icon indicating copy to clipboard operation
react-beautiful-dnd copied to clipboard

Invariant failed: Cannot collect without a droppable ref

Open Tsabary opened this issue 4 years ago • 5 comments

I keep having this error come up when I follow your getting started guide. I am doing my reading but can not understand where it comes from, especially becuase I've compared my code to the one in the course multiple times and I can't seem to finf what am I doing differently.

I've set up this sand box. Would love to know where my mistake is.

https://codesandbox.io/s/xenodochial-euclid-m5sfk?fontsize=14&hidenavigation=1&theme=dark

Tsabary avatar Mar 17 '20 14:03 Tsabary

OK, so switching innerRef to ref solved it for me. If possible I'd recommend adding the note somewhere in the video.

Thanks for this amazing library

Tsabary avatar Mar 17 '20 14:03 Tsabary

yeah it worked. change code like this.

innerRef={provided.innerRef} to ref = {provided.innerRef}

wherever you have used.

Parnidadu avatar Jun 23 '20 21:06 Parnidadu

yeah it worked. change code like this.

innerRef={provided.innerRef} to ref = {provided.innerRef}

wherever you have used.

this works for me too

nasatome avatar Nov 17 '20 05:11 nasatome

Thanks

Chadokar avatar Oct 08 '22 20:10 Chadokar

incredible - worked for me too thanks!

stephenryanlee avatar Nov 20 '23 22:11 stephenryanlee