bigcommerce / big-design

Design system that powers the BigCommerce ecosystem.
https://bigcommerce.github.io/big-design
Other
47 stars 64 forks source link

StatefulTable Drag and Drop not Working #1575

Open arcticpete opened 2 days ago

arcticpete commented 2 days ago

Describe the bug The drag and drop feature does not work in current React 18 because of a deprecated library react-beautiful-dnd. It looks like this could be replaced with a working [@hello-pangea/dnd](https://github.com/hello-pangea/dnd) To Reproduce Steps to reproduce the behavior:

  1. use the example located at https://developer.bigcommerce.com/big-design/statefulTable
  2. attempt to drag and drop
  3. open warnings console
  4. See error

Expected behavior drag and drop should work

Screenshots

Screenshot 2024-10-25 at 3 56 41 PM

Desktop (please complete the following information, if applicable):

chanceaclark commented 2 hours ago

Hey @arcticpete,

We will eventually move over to https://github.com/atlassian/pragmatic-drag-and-drop as per Atlassians deprecation notes: https://github.com/atlassian/react-beautiful-dnd/issues/2672

In regards to these warnings you are receiving, I have been unable to reproduce it locally or on the documentation site. Would you mind providing a CodeSandbox reproduction so we can look into it more?