Web hydration error on fresh project creation

[Ryan-Harvey]

I am seeing a hydration error with a fresh project using the following command:

npx create-expo-stack@latest my-expo-app --expo-router --tabs --nativewind --supabase --bun

This appears to not give any errors when loading through an iOS simulator, or deploying via Vercel and viewing on the web.

[danstepanov]

@Ryan-Harvey which command are you running to see this error? Is this expo start --web? If so, we don't support web first class at the moment. We are primarily focused on native but can dig into web in the coming weeks.

[danstepanov]

able to recreate with the above command, @frankcalise do y'all ever run into this kind of error with ignite?

[frankcalise]

@danstepanov haven't seen an error message like this before but I'll repro it and take a look tomorrow

[frankcalise]

@danstepanov https://github.com/marklawlor/nativewind/issues/523#issuecomment-1791866675

seems like we need #70

[danstepanov]

@frankcalise while I am no longer running into the same error above when running bun run web, I am now running into a different error when running that same command. Have you seen this with Ignite or elsewhere?

Seems like we're missing some files that we should be including?

To recreate:

npx create-expo-stack@latest my-expo-app --expo-router --tabs --nativewind --supabase --bun

[frankcalise]

@danstepanov I haven't seen this on Ignite but we don't really use nativewind at all

[danstepanov]

Since upgrading to NativeWind v4, this is no longer an issue. However, there is a race condition with NativeWind that is being worked on pertaining to global.css. Due to this issue, you're run into the following error.

Unable to resolve module /Users/dan/my-expo-app/node_modules/.cache/nativewind/global.css from /Users/dan/my-expo-app/global.css