"react-native-reanimated-carousel": "^5.0.0-beta.0",

[ahmedhassanahmedwasfy]

on verison
"react-native-reanimated-carousel": "^5.0.0-beta.0"
"react": "19.1.0"
"react-native": "0.81.4"

on the Web I see this error in the console

Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.

Similar Issue

[dosubot]

This warning is a known compatibility issue between React 19 and react-native-reanimated-carousel v5.0.0-beta.0 on the web. React 19 changed how refs work: ref is now a regular prop, and accessing element.ref is deprecated and triggers this warning. The library currently uses React.forwardRef and useImperativeHandle, which are standard patterns, but React 19 expects libraries to stop using forwardRef and instead treat ref as a normal prop.

There is an open discussion about this in issue #815, but it's marked as "closed as not planned," so no immediate fix or update is available. No official workaround or patch exists yet, and the main codebase does not directly access element.ref, so the warning may come from a dependency or a usage pattern outside the main carousel logic.

If you need React 19 web support right now, you may need to monitor for updates or consider using an earlier React version until the library is updated for React 19 compatibility.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}