Dynatrace is having conflict with tailwind and nativewind

[swhit322]

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!!

[radek_jasinski]

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