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

[amandaharlin]

Description

React-Native-Reanimated (at 3.10.1) was working with NativeWind to correctly apply classes to an Animated.View.

After upgrading Reanimated to 3.16.1 NW classnames were no longer getting applied to an Animated.View.

I opened a ticket with NativeWind too, so both teams could be notified.

Working Project Details	Not-Working Project Details
Expo 52.0.0-preview.18	Expo 52.0.0-preview.18
React NativeReanimated 3.10.1	React NativeReanimated at 3.16.1
NativeWind at 4.1.21	NativeWind at 4.1.21

rnreanimated 3.10.1	rnreanimated 3.16.1

Steps to reproduce

1. Create a repo with npx create-expo-stack@latest --nativewind
2. Upgrade Reanimated from 3.10.1 to 3.16.1
3. Add classNames to an animated view. (Should work, but does not)
4. Downgrade Reanimated to 3.10.1. (Works as expected)

Snack or a link to a repository

https://github.com/amandaharlin/react-native-reanimated-nativewind-classname-repro

Reanimated version

3.16.1

React Native version

0.76.1

Platforms

Web

JavaScript runtime

None

Workflow

Expo Go

Architecture

None

Build type

Debug app & dev bundle

Device

None

Device model

No response

Acknowledgements

Yes

[marklawlor]

I have no investigated this yet. But incase this is a reanimated issue, NativeWind on web works by passing a StyleQ precompiled styled object to the <View />.

<View style={{ $$css: true, myUniqueIdentifier: 'my-class' }} /> 

will output as 

<div class="my-class" />

[amandaharlin]

Hey y'all, after checking 3.12, 3.14, and 3.15.5, I found that the change appeared in 3.16.0.