React beautiful drag and drop and useFieldArray issues

[wdfinch]

Right now it is quite difficult to use react beautiful drag and drop and useFieldArray. It seems like the main issue is react beautiful drag and drop relies on each field item having a consistent id, however, the fields being dragged can be unmounted/moved via a portal during the drag and it seems like the id is therefore not consistent during the whole process (even when using shouldUnregister: false).

Given that this is such a popular library and the act of reordering a field array is common (even without this lib), I'm wondering how we can work together to make this easier or provide better docs on this subject. The closest docs are Working with virtualized lists, but it seems like it doesn't apply to react beautiful drag and drop (especially when moving the dragged item into a portal).

Can someone provide some details on how V7 will affect this and what we can do here? I'd be happy to provide a sandbox to show some of the challenges.

#3981

[bluebill1049]

hey, @wdfinch we should be able to ship an alpha version next week, I think it's worth testing it out.

[wdfinch]

Thanks! I've been really struggling on this one.

[RwwL]

It's almost a year later now, but I'm curious if anything ever came of this and/or if anyone has a great example of using react-beautiful-dnd with useFieldArray.

[charlestbell]

Stumbled on to this: https://codesandbox.io/s/bzjwz?file=/src/index.js

[0xMALVEE]

thanks +rep