[4.1.1] NativeWind classes not being applied on Animated.View

[vicary]

Description

^4.1.1 reintroduces #6665 while 4.1.0 does not.

Steps to reproduce

1. Render a component <Animated.View className="foo" style={{ display: "block" }} /> using react-native-reanimated@4.1.0
2. Upgrade to react-native-reanimated@^4.1.1
3. Observe the lack of class foo, only a compiled CSS class from the style prop should be present.

Snack or a link to a repository

cannot install tailwindcss in snack

Reanimated version

^4.1.1

Worklets version

0.5.1

React Native version

Expo SDK 54

Platforms

Web

JavaScript runtime

Hermes

Workflow

None

Architecture

New Architecture (Fabric renderer)

Build type

Debug app & dev bundle

Device

No response

Host machine

macOS

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[vicary]

Apologies that I just don't care enough to make a minrep for the moment, pinning down to 4.1.0 as my fallback. :)

[manastunga787]

Facing the same issue <Animated.View className=" w-20 h-20 bg-pink-300 rounded-md mt-10"></Animated.View> does not work in web. Though version 4.1.0 works