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

Unable to find draggable with id: item1, please help me

Open sairede opened this issue 2 years ago • 18 comments

rbd.txt

sairede avatar Apr 13 '22 04:04 sairede

@sairede try removing react's strict mode

Not a fix, but it helped me. Hopefully works for you too.

rizwanliaqat97 avatar Apr 16 '22 17:04 rizwanliaqat97

Thanks @rizwanliaqat97 it worked

sairede avatar Apr 17 '22 04:04 sairede

@rizwanliaqat97 it works, thanks

heygema avatar Apr 26 '22 16:04 heygema

@rizwanliaqat97 , tried it and it worked for me as well

chimaOG avatar May 03 '22 13:05 chimaOG

@rizwanliaqat97 Oh my goodness it works, thank you

syafilm avatar May 06 '22 21:05 syafilm

@rizwanliaqat97 omg it works!!!! thankyou

varnitgoyal2 avatar May 07 '22 11:05 varnitgoyal2

Can someone check this issue please. I am not able to understand what is the issue in this example https://codesandbox.io/s/staging-field-ej6ghv?file=/src/App.js

Patil-Mayur avatar May 21 '22 11:05 Patil-Mayur

Can someone check this issue please. I am not able to understand what is the issue in this example https://codesandbox.io/s/staging-field-ej6ghv?file=/src/App.js

@Patil-Mayur in your index.js file change this...

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);

into this...

root.render(<App />);

like I said above, just remove the react's strict mode

rizwanliaqat97 avatar May 21 '22 12:05 rizwanliaqat97

Thanks @rizwanliaqat97. This saved my day!.

Amzat19 avatar Jul 29 '22 20:07 Amzat19

@rizwanliaqat97 It worked !!!

CruelFatOtaku avatar Sep 29 '22 10:09 CruelFatOtaku

I was facing the same issue and when I removed the StrictMode as suggested it worked but then I found a repo which was using the StrictMode but not using root.render and it also worked for me.

So in the App.js file, instead of using this:

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>
);

I replaced with:

ReactDOM.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>,
    document.getElementById('root')
);

jessicaribeiroalves avatar Oct 23 '22 21:10 jessicaribeiroalves

@sairede try removing react's strict mode

Not a fix, but it helped me. Hopefully works for you too.

thanks. It's very helpful to me!!!

imyuanli avatar Oct 25 '22 06:10 imyuanli

@jessicaribeiroalves That will disable concurrent features in React 18: Unable to find draggable with id

StrictMode also serves a purpose. It would be nice to see a fix for this that works with StrictMode.

Audiopolis avatar Nov 10 '22 03:11 Audiopolis

@Audiopolis yep you're right. I was trying to avoid removing the StrictMode while there's no fix for this bug. But the solution I suggested also has side effects. Anyways I think we'll have to wait for a fix for it to work properly.

jessicaribeiroalves avatar Nov 10 '22 14:11 jessicaribeiroalves

We are in 2023... Any fix so far? We should not have to remove StrictMode, it sounds like a "gambiarra" (google it)...

romerobrjp avatar Nov 23 '23 20:11 romerobrjp

We are in 2023... Any fix so far? We should not have to remove StrictMode, it sounds like a "gambiarra" (google it)...

The maintenance notice in the README seems to indicate that this will never be fixed.

Audiopolis avatar Nov 25 '23 19:11 Audiopolis

We are in 2023... Any fix so far? We should not have to remove StrictMode, it sounds like a "gambiarra" (google it)...

I put a key in Droppable (like the name of the column)

ps: brasila aqui tb

suissa avatar Dec 27 '23 01:12 suissa