styled() breaks component behavior on Web (works on Native)

[Sanchitv3]

Describe the bug
When wrapping a component with styled() from NativeWind v5, the component stops working on web, although it continues to work correctly on native platforms.

This was previously working in NativeWind v4 using cssInterop().

Reproduction
We’re seeing this issue while wrapping the Overlay primitive from gluestack-ui (used internally for Portal).
https://github.com/gluestack/gluestack-ui/tree/feat/nw-v5-alpha

Expected behavior

• Portal should render and open correctly on web.
• Behavior should match native.
• Wrapping with styled() should not break functionality.

Additional context

• This setup worked correctly in NativeWind v4 using cssInterop().

[Sanchitv3]

resolved on react-native-css@0.0.0-nightly.da5ce0f this preview nightly build.

[danstepanov]

moving this issue to react-native-css as it pertains to that library

[danstepanov]

@Sanchitv3 I'll be publishing a new patch version to npm tonight which will contain the fix for this.

[Sanchitv3]

Hi @danstepanov ,

Thanks again for the quick turnaround on the fix — we’ve verified that the issue is resolved with the latest patch. Really appreciate the support and responsiveness here 🙌

I had a follow-up question: do you have any tentative timeline or roadmap update for NativeWind v5 web support in Next.js?

We’re actively working toward universal support for gluestack-ui (native + web).
Happy to test preview builds or help validate web/Next.js scenarios if that would be useful.

Thanks again! 🚀

[danstepanov]

At the moment, my general progress will be outlined here: Roadmap

My aim is to tackle web support in NextJS next week. I also just created this discussion to help communicate around testing it: #287