'Carousel' cannot be used as a JSX component.

[nilesh-simform]

Getting 'Carousel' cannot be used as a JSX component when upgrading the react version to 19 and RN version > 78

Screenshots

Versions

• react: v19.0.0
• react-native: v0.79.6
• react-native-reanimated: v3.18.0
• react-native-reanimated-carousel: v4.0.3
• react-native-gesture-handler: v2.26.0

[antek-p]

Hello, I have same problem here. Any workaround or fix coming ? Thanks

[tychovr]

This has something to do with your '@types/react' version. Downgrading it to something before 19.0.0 (e.g. 18.3.12) will resolve this error for now.

[huszzsolt]

We have fixed the issue with patch-package, just adding JSX to the imports of Carousel

diff --git a/node_modules/react-native-reanimated-carousel/lib/typescript/components/Carousel.d.ts b/node_modules/react-native-reanimated-carousel/lib/typescript/components/Carousel.d.ts
index 53b114d..415aa44 100644
--- a/node_modules/react-native-reanimated-carousel/lib/typescript/components/Carousel.d.ts
+++ b/node_modules/react-native-reanimated-carousel/lib/typescript/components/Carousel.d.ts
@@ -1,4 +1,5 @@
 import React from "react";
+import { type JSX } from "react";
 import type { TCarouselProps } from "../types";
 declare const _default: <T>(props: React.PropsWithChildren<TCarouselProps<T>>) => JSX.Element;
 export default _default;

created a PR