#Debugging production only hydration error

1 messages · Page 1 of 1 (latest)

chrome turret
#

I'm facing a weird hydration error that only happens when deployed to production.

Testings are in incognito mode, so not caused by browser extensions.

  1. dev mode: no error
  2. build and run locally with remix-serve: no error
  3. deploy to server: hydration errors occur

You can see the error yourself by visiting https://app.chathub.gg/license-manager
The page is pretty simple, and I didn't find anything that might cause this issue in the rendered HTML.

Please help!

warm phoenix
#

Page seems to be working for me?

I'm dealing with a similar issue though. Only has problems when deployed. I think my problems are related to browser extensions causing hydration miss match

chrome turret
#

The page works, but there are hydration errors in the console

rich venture
#

One thing you can do is to disable javascript in the browser and compare the DOM to a version where you have not disabled javascript.
Then you can manually inspect the difference or paste the two versions of the DOMs into a diff tool.
When I do this for your site, I see that you have this element in the head when server rendering and it is not there when rendering on the client :
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">