SSR CSS Nativewind doesn't render class names

[luixo]

Current Behavior

When using SSR / SSG with Nativewind setup (fresh from npx one) the classnames are not rendered for element.
The dynamic elements render their classnames properly (both dynamically changing the page on client and using SPA mode).

Expected Behavior

Have classnames rendered properly with Nativewind on SSR / SSG

One Version

1.1.479

Platform (Web, iOS, Android)

Web

Reproduction

https://github.com/luixo/one-classname-bug

System Info

[natew]

The reproduction repository (https://github.com/luixo/one-classname-bug) appears to no longer be available (returns 404).

Could you provide an updated reproduction or more details about the issue? Specifically:

1. Is this happening with Nativewind specifically, or any Tailwind CSS setup?
2. What does the rendered HTML look like in SSR vs client?
3. What Nativewind version and configuration are you using?

Without a reproduction, it's difficult to determine if this is a One framework issue or a Nativewind SSR configuration issue.

[natew]

The linked reproduction repo (https://github.com/luixo/one-classname-bug) appears to be unavailable (404). Could you please provide an updated reproduction or more details about the setup?

In the meantime, if this is still an issue, here are some things to try:

• Ensure the nativewind babel preset is properly configured
• Check if the CSS is being extracted correctly in the build output
• Verify the contentSrc in tailwind.config includes your app routes

[natew]

This has been fixed in commit b65932bdf. The issue was that react-native-css-interop's components.js file (which registers Text, View, etc. with cssInterop) wasn't being included in the SSR bundle due to:

1. Package having sideEffects: false causing tree-shaking
2. Dynamic require('./components') not being bundled correctly

The fix includes:

• Patching wrap-jsx.js to move require to module level
• Patching package.json to mark components.js as having side effects
• Importing the components module in the virtual entry when nativewind is enabled

The HTML now correctly renders both RN web atomic classes AND tailwind classes:

<div class="css-146c3p1 bg-red-500 p-4">Hello world, from One</div>