Dynatrace conflict with Tailwind and NativeWind

swhit322 — Tue, 30 Dec 2025 13:39:27 GMT

Hello,

I'm trying to integrate Gluestack in a React Native project which uses NativeWind internally. It is having a conflict with Dynatrace. This is how I'm using both the plugins, but whenever I add the Dynatrace plugin, NativeWind stylings don't get applied as both use JSX runtime.

Issue:

@babel/plugin-transform-react-jsx replaces JSX with function calls from @dynatrace/react-native-plugin/jsx-runtime instead of the default react/jsx-runtime.

NativeWind (Tailwind for React Native) also relies on JSX transformation to detect and apply className styles.

When you use Dynatrace’s JSX runtime, NativeWind never sees the JSX, so it can’t apply styles.

Please help!!

Re: Dynatrace is having conflict with tailwind and nativewind

radek_jasinski — Thu, 26 Jun 2025 10:25:56 GMT

Hi,

In case of a JSX conflict, it’s better to register the Dynatrace transformer directly in Metro instead of using the Babel plugin, as this preserves compatibility with NativeWind.

/react-native-plugin

topic Re: Dynatrace is having conflict with tailwind and nativewind in Open Q&A

Dynatrace conflict with Tailwind and NativeWind

Re: Dynatrace is having conflict with tailwind and nativewind