Drag & Drop - no longer working on Web -- including the README's Expo Snack Examples
Describe the bug I successfully integrated react-native-reanimated, react-native-gesture-handler, and react-native-web (all tested independently).
I then made a demo: https://gist.github.com/fbartho/7705799c9438d465e1f7f3b8a0e1bedb -- this demo rendered correctly, but upon attempting to drag objects, nothing happened. (I added the <ScaleDecorator> and that does trigger, but then the component doesn't move).
Debugging the demo, I went to test the Expo Snack from the documentation readme
And unfortunately this experiences the same problem.
To Reproduce Link a snack if possible.
Platform & Dependencies Please list any applicable dependencies in addition to those below (react-navigation etc).
- react-native-draggable-flatlist version: 4.0.3
- Platform: Web (NextJS 16.0.1)
- React 19
- React Native: 0.82.0
- react-native-web: 0.21.2
- Reanimated version: 4.1.3
- React Native Gesture Handler version: 2.30.0-20251106-b53b8ef67 (this is a community version of 2.29.1 + a small fix for React 19 that hasn't formally shipped in a mainline release)
Additional context Add any other context about the problem here.
Same here, the packaged doesn't work with React 19.
The error I'm receiving in logs:
Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.