Can't use react-native-reanimated with Expo Router Starter

[hubciorz]

Is there an existing issue for this?

• [X] I have searched the existing issues

Do you want this issue prioritized?

• [ ] Yes, I have sponsored
• [ ] Not urgent

Current Behavior

When I try to use useAnimatedStyle from react-native-reanimated in the next.js part in a fresh installation of npx create-solito-app@latest -t with-expo-router, I get this error:

Unhandled Runtime Error
Error: useAnimatedStyle was used without a dependency array or Babel plugin. Please explicitly pass a dependency array, or enable the Babel/SWC plugin.

For more, see the docs: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/web-support#web-without-a-babel-plugin

Expected Behavior

I should be able to use it without an error.

Steps To Reproduce

1. Create a fresh solito project with npx create-solito-app@latest -t with-expo-router
2. Add some component that uses useAnimatedStyle in packages folder
3. Add a corresponding screen definition in apps/next
4. Run yarn web and go to http://localhost:3000/path_to_the_screen

Versions

- Solito: 4.0.1
- Next.js: 13.4.19
- Expo: 49.0.0
- React Native: 0.72.2

Screenshots

Reproduction

No response

[nandorojo]

Not sure how much more clear the error message could be (I wrote it). It explains how to fix it.

Pass an array to the hook as a dependency array.

[hubciorz]

Sorry, I was confused because the link redirects to a 404.

[nandorojo]

Ah, they changed their docs 🤦‍♂️

[hubciorz]

Yep. It should be https://docs.swmansion.com/react-native-reanimated/docs/guides/web-support#web-without-a-babel-plugin instead.

[nandorojo]

Got it, would be a good upstream PR then