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

React rendering error on Google Chrome #36

Open
Mala1180 opened this issue Dec 20, 2024 · 2 comments
Open

React rendering error on Google Chrome #36

Mala1180 opened this issue Dec 20, 2024 · 2 comments
Assignees
Labels
bug Something isn't working

Comments

@Mala1180
Copy link
Member

Environment

Google Chrome (131.0.6778.140)
MacOS Sonoma (14.4.1)

Problem

I noticed an error on google chrome console that apparently has no any particular consequence on rendering and behavior of the page. The same error does not appear on Firefox or Safari.
Briefly error description:

intercept-console-error.js:51 A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:

- 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.
@Mala1180 Mala1180 added the bug Something isn't working label Dec 20, 2024
@jessc93
Copy link
Collaborator

jessc93 commented Jan 14, 2025

Does this happen on any specific section? @Mala1180

@Mala1180
Copy link
Member Author

Does this happen on any specific section? @Mala1180

It appears every time the page is loaded, regardless of section.
Next (I think) permits to see the error as popup directly in the page:

error-screen

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants