Tried to modify key current of an object which has been already passed to a worklet

[rodrigo2392]

Describe the bug
I can see a warning realated to modify a prop from a ref i think, not shure were is it happening

Platform & Dependencies
Please list any applicable dependencies in addition to those below (react-navigation etc).

• react-native-draggable-flatlist version: 4
• Platform: Android
• React Native or Expo version: 0.74.2
• Reanimated version: 3.12.1
• React Native Gesture Handler version:

Additional context

https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#tried-to-modify-key-of-an-object-which-has-been-converted-to-a-shareable

[luca-tomasetti]

+1
The same is happening to me.

react-native-draggable-flatlist: "4.0.1", both with Android and iOS.
react-native-reanimated: 3.12.1

[Sistemas7penna]

+1
I have the same issue
"react-native-draggable-flatlist": "4.0.1"
"react-native-reanimated": "3.12.1"

[s-mikulich]

+1
the same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.12.1",

[rogerdribeiro]

+1

"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.12.1",

[zhanglei1996]

+1
the same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.6.1",

[inho1019]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.12.1",

[rssj]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.6.1",

[trxkhiem]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.6.1",

[adorum]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.13.0",

[PeterHasitschka]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.13.0",

[ElicaInc]

+1
same issue
"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.13.0",

[mishamoix]

Same thing, has anyone found a workaround? Maybe use another library?

UPD: I removed the decorators and that warning still remains, but the behaviour is now correct. Perhaps later I will implement my own decorators and share them here

[ddrozdov]

Fixed with this patch.
react-native-draggable-flatlist+4.0.1.patch.txt

[rodrigo2392]

Fixed with this patch. react-native-draggable-flatlist+4.0.1.patch.txt

I can confirm its fixed with this patch

Git diff: https://diffy.org/diff/a2b7ca0fa7657

[luca-tomasetti]

The warning disappear

Fixed with this patch. react-native-draggable-flatlist+4.0.1.patch.txt

The warning disappeared when the component is initialised, but when I am dragging an element of the list, the warning reappears.

I fixed it by changing this file (react-native-draggable-flatlist/src/hooks/useOnCellActiveAnimation.ts) on top of @ddrozdov's patch with this:
react-native-draggable-flatlist+4.0.1.patch

[tom-sherman]

Can we leave this open until the fix lands?

[ngdbao]

Can we leave this open until the fix lands?

yeah, It doesn't make sense to close an unsolved issue

[rodrigo2392]

Can we leave this open until the fix lands?

yeah, It doesn't make sense to close an unsolved issue

Well last update was a year ago so...

[callaars]

@computerjazz are you still updating this lib or are you looking for maintainers to hand it over to?

[angusryer]

@computerjazz are you still updating this lib or are you looking for maintainers to hand it over to?

This is a good question!
#542 (comment)

[byungchanKo99]

Fixed with this patch. react-native-draggable-flatlist+4.0.1.patch.txt

this work to me thx!

[pleerock]

Looks like issue reproduced with the newer versions of react-native / react-native-reanimated. Obviously, we cannot use patch, can maintainers publish a new package version with patch applied?

[CyborgCodes]

Im have this issue too and had followed the installation guide, any solutions found?

"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.14.0",
"react-native-gesture-handler": "^2.17.1",

Edit: this patch did work
react-native-draggable-flatlist+4.0.1.patch (1).txt

[ukcasso]

I added one thing at useOnCellActiveAnimation.ts to the existing patch package.

react-native-draggable-flatlist+4.0.1.patch.txt

my env

"react-native-draggable-flatlist": "^4.0.1",
"react-native-reanimated": "^3.14.0",
"react-native-gesture-handler": "^2.14.1",

hope this helps.

@pleerock @CyborgCodes

[emmawestbrook]

I'm also having this issue!

[jzaefferer]

Obviously, we cannot use patch

With https://www.npmjs.com/package/patch-package you could, until #551 gets merged and released.

[bwjohns4]

For anyone looking for a temporary solution, I published the PR fork to npm to install like this:
npm install @bwjohns4/react-native-draggable-flatlist
and remember to update your import:
import from ...... @bwjohns4/react-native-draggable-flatlist

[bezenson]

@bwjohns4 Could you open source it please? Your profile is fully closed 😕

[bwjohns4]

@bwjohns4 Could you open source it please? Your profile is fully closed 😕

It seems to be publicly available. I can access it from incognito browser and install it in Replit as a test. Let me know if there is something specific I'm missing.
@bwjohns4/react-native-draggable-flatlist

[ddrozdov]

I updated the patch so that it doesn't introduce a warning about value being updated during render on RN 0.76.

react-native-draggable-flatlist+4.0.1.patch.txt