Bump from v36.6.11 to v40+ Causes Crash

[paul-hart]

Trying to update from the legacy version 36.6.11 to v40+. I have tried several releases from the latest down to 40.0.0. They all crash with the same error after the bridge loads:

Compiling JS failed: 217:5:unexpected token after assignment expression Buffer size 68049 starts with: 5f5f642866756e6374696f6e2028676c and has protection mode(s): r--p

I have tried to bump the versions of react-native-reanimated, react-native-gesture-handler and @shopify/react-native-skia.

If I comment out CartesianChart the bridge loads. Been trying to include one simple graph:

<CartesianChart
    data={[
        { x: 1, y: 10 },
        { x: 2, y: 5 },
        { x: 3, y: 9 },
    ]}
    xKey={'x'}
    yKeys={['y']}
    domain={{
        x: [0, 4],
        y: [0, 15],
    }}
>
    {({ points }) => <Line points={points.y} color="red" strokeWidth={3} />}
</CartesianChart>

Commenting this out makes the app work ...

Note: Bumping to latest reanimated crashes the app with no feedback at all so I had to bump down to 3.16.3.

Other things I have tried:

• Searching for reanimated refs and avoiding them
• Taking out packages such as react-native-shadow-2 that was in use
• Searching for awaits that are out of place
• Taking out TouchableOpacity and replacing it with Pressable

My packages:

"react": "18.2.0"
"react-native": "0.74.1"
"react-native-reanimated": "3.16.3"
"@shopify/react-native-skia": "^1.3.8"
"react-native-gesture-handler": "^2.23.1"

[zibs]

I've not seen an error like this before. I'd suggest creating a brand new application and adding the minimal dependencies as possible to see if you can reproduce it/if the issue really lies around something in this repo.

If you can create a repo with minimal deps and share it here, I can take a look. Otherwise, my hunch is that this has more to do with your environment/setup than the library potentially!