Dynatrace is not compatible with native wind

[swhit322]

Hello,

We have been using native-base in our react native project, but now since it is deprecated we are shifting to gluestack which uses nativewind for enabling tailwind css for styling.

In my babel.config we have using below plugin which is conflicting with nativewind/babel

as This Babel plugin transforms JSX into JavaScript function calls that React (or React Native) can understand. Automatic JSX runtime replace JSX with function calls from @dynatrace/react-native-plugin/jsx-runtime instead of the default react/jsx-runtime. The issue is NativeWind (Tailwind for React Native) also relies on JSX transformation to detect and apply className styles.

What can be the possible solution for this, how can we use both of them.

Thank You.

[dani_coll]

Hi swhit322!

Thank you for raising this problem. In order to proceed we'll need a few more details to reproduce the issue.

- RN version and DT plugin version
- Bundler that was used (Expo, RSPack, Metro, Bun , etc)
- NativeWind version and configuration file

We'll get back to you as soon as we have any update

[dani_coll · Accepted solution]

Following up on this topic.

According to the public documentation. NativeWind is not yet supported https://www.npmjs.com/package/@dynatrace/react-native-plugin#supported-and-unsupported-libraries and currently there is no plan to support it in the near future

[swhit322]

Thanks for your research.