React-beautiful-dnd: Invariant failed: Cannot collect without a droppable ref

Created on 17 Mar 2020  路  3Comments  路  Source: atlassian/react-beautiful-dnd

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

unconfirmed-bug untriaged

Most helpful comment

yeah it worked. change code like this.

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

wherever you have used.

All 3 comments

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

yeah it worked. change code like this.

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

wherever you have used.

yeah it worked. change code like this.

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

wherever you have used.

this works for me too

Was this page helpful?
0 / 5 - 0 ratings

Related issues

heymartinadams picture heymartinadams  路  3Comments

jasonlewicki picture jasonlewicki  路  3Comments

alexreardon picture alexreardon  路  3Comments

alexreardon picture alexreardon  路  3Comments

joshmillgate picture joshmillgate  路  3Comments