[Bug] ReanimatedError: Tried to synchronously call a non-worklet function resolveDimension when using react-native-sortables

[gopbarbosa]

Description

When using react-native-sortables in a simple grid example, the app crashes with the following error:

ReanimatedError: [Reanimated] Tried to synchronously call a non-worklet function resolveDimension on the UI thread.
See https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#tried-to-synchronously-call-a-non-worklet-function-on-the-ui-thread for more details.

The error appears immediately after the grid is rendered.
I’m using the component inside a GestureHandlerRootView as described in the documentation.

Steps to reproduce

1. Clone the repository
2. Install and build the project

pnpm install
pnpm expo prebuild -p android
expo run:android
pnpm start

3. Wait for the app to launch on the device or emulator
4. The error occurs right after the grid renders

Code snippet, Snack or GitHub repository link

https://github.com/gopbarbosa/poc-react-native-sortables

React Native Sortables version

1.9.2

Reanimated version

3.10.1

React Native Gesture Handler version

2.16.1

React Native version

0.74.5

Platforms

Android

Architecture

Paper (Old Architecture)

Workflow

Expo Dev Client

Device

Real device

Acknowledgements

Yes

[MatiPl01]

Hey @gopbarbosa!

Thanks for reporting the issue. It appears that reanimated's babel plugin in this very old version of reanimated didn't support file-level 'worklet' directives that I used. I moved them to function-level and now everything should work fine. Will release 1.9.3 soon.

[gopbarbosa]

@MatiPl01 , I don't know how to thank you; it worked perfectly.