React-beautiful-dnd: provided.innerRef has not been provided with a HTMLElement.

Created on 7 Apr 2020  路  3Comments  路  Source: atlassian/react-beautiful-dnd

Hi,

first of all here is a sandbox of my code -> here

I sticked with the egghead tutorial and tried to play around with react-beautiful-dnd.
I have no idea why but I always get following error:

provided.innerRef has not been provided with a HTMLElement.

do you guy know why?..

more information required

Most helpful comment

Just use "ref" instead of "innerRef" prop:

          <div ref={provided.innerRef} {...provided.droppableProps}>

All 3 comments

Just use "ref" instead of "innerRef" prop:

          <div ref={provided.innerRef} {...provided.droppableProps}>

Hey @erganmedia, thanks for raising the issue. Does the above suggestion fix it for you?

BTW, it looks like the codesandbox you provided is empty. If you're still stuck, would you be able to provide another one and we can then look into it.

Just use "ref" instead of "innerRef" prop:

          <div ref={provided.innerRef} {...provided.droppableProps}>

can't believe it I had the same issue and it was so simple to fix it... thanks buddy

Was this page helpful?
0 / 5 - 0 ratings