Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hydration error with no visible solution #926

Open
br34th3r opened this issue Jan 14, 2025 · 0 comments
Open

Hydration error with no visible solution #926

br34th3r opened this issue Jan 14, 2025 · 0 comments

Comments

@br34th3r
Copy link

We have a Shopify app that contains a dashboard with some metrics being queried from Prisma from MongoDB Atlas. We are seeing an error

This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition.

This error only appears in production on the minified version of the app and only appears on the dashboard and settings page (large amounts of loader data being fetched). We have attempted adding startTransition to any of the useEffect calls that sit within those pages, we've tried using singleFetch, we've tried modularising. Essentially we are stuck because there's no trace to any lines of code that specifically cause the error, and there's no comparison differences in Sentry between the hydrated and un-hydrated UI. We aren't using any data that could change from server to client render (i.e. Date, Math.random(), etc.) and we've spent about a week trying to fix the issue to no avail.

Any further help would be greatly appreciated!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant