[3.16.2] sv.addListener is not a function (it is Object), js engine: reanimated

[mgcrea]

Description

I'm encountering issues on basic drag&drop code that used to work well in previous versions of the library, with a js crash when calling setCount in the following snippet (full file):

  const [count, setCount] = useState(0);
  
  const onDragEnd = () => {
    setCount(count => count + 1);
  };

  const handleDragEnd: DndProviderProps['onDragEnd'] = ({active, over}) => {
    'worklet';
    if (over) {
      console.log(`Current count is ${count}`);
      runOnJS(onDragEnd)();
    }
  };

That throws the following error:

console.js:589 ReanimatedError: sv.addListener is not a function (it is Object), js engine: reanimated
anonymous @ console.js:589
reactConsoleErrorHandler @ ExceptionsManager.js:168
anonymous @ setUpDeveloperTools.js:67
registerError @ LogBox.js:198
anonymous @ LogBox.js:68
overrideMethod @ backend.js:14284
reportException @ ExceptionsManager.js:110
handleException @ ExceptionsManager.js:158
handleError @ setUpErrorHandling.js:24
reportFatalError @ error-guard.js:49
reportFatalErrorOnJS @ errors.ts:93

Last version where it was tested to work was ~3.6, started crashing with ~3.7. Any ideas?

Steps to reproduce

1. clone https://github.com/mgcrea/react-native-dnd-expo-example
2. npm run dev
3. drag the "drag" box on the "drop" box
4. crash

When using expo the crash is native while it is properly caught JS-side when using a local native app.

Snack or a link to a repository

https://snack.expo.dev/@mgcrea/mad-orange-stroopwafels
https://github.com/mgcrea/react-native-dnd-expo-example

Reanimated version

3.7.x -> 3.16.2

React Native version

0.76.2

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native

Architecture

None

Build type

None

Device

iOS simulator

Device model

iPhone 16

Acknowledgements

Yes