When I enter any route i'm getting these errors, but everything works fine
#Errors on the developer console
tawny bear
crude tulip
I've seen the same errors in Safari, but not Chrome. I discovered that the browser was very aggressively caching some resources, which caused the browser rendering to not match the server
Do you see the same errors on a production build in incognito mode (no extensions)?
tawny bear
I can see the errors in incognito as well
And this is what I see in production build (same is in incognito)
On Firefox is the same
crude tulip
Those are slightly different, on the production build you are seeing react errors, on the dev builds you are seeing hydration errors (likely coming from caching)
For those react errors in production, click the link in the log to see more info about it
Oh wait, I lied. Those are just minified errors of hydration failure
- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
https://react.dev/link/hydration-mismatch```Yeah, I found it as well, but what can I do about this?
When I searched for it, I only found "how to munt your app", but remix is already doing that part
crude tulip
Make sure you're not doing anything on that list of bad things, after that you can try just commenting out parts of your app to narrow down which part is causing the error