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.

Sign up for GitHub

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

Jump to bottom

Style mismatch between SSR and CSR after hydration #37722

Closed
iMrDJAi opened this issue Jun 26, 2023 · 5 comments
Closed

Style mismatch between SSR and CSR after hydration #37722

iMrDJAi opened this issue Jun 26, 2023 · 5 comments
Assignees
@mnajdova
Labels
core Infrastructure work going on behind the scenes

Comments

@iMrDJAi
Copy link

iMrDJAi commented Jun 26, 2023 •
edited by oliviertassinari
Loading

Not sure if the issue is related to my setup or not, but for some components that rely on inline style such as textField, the style attributes are missing on SSR. I'm facing a style mismatch between SSR and CSR after hydration.

Before hydration:
Screenshot 2022-11-29 104007

After hydration:
Screenshot 2022-11-29 104132

Maybe they are being added at a later stage after rendering is done?

Originally posted by @iMrDJAi in #19938 (comment)
@iMrDJAi iMrDJAi changed the title @oliviertassinari Not sure if the issue is related to my setup or not, but for some components that rely on inline style such as textField, the style attributes are missing on SSR. I'm facing a style mismatch between SSR and CSR after hydration. Style mismatch between SSR and CSR after hydration Jun 26, 2023
@zannager zannager added core Infrastructure work going on behind the scenes status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jun 27, 2023
@mnajdova
Copy link
Member

mnajdova commented Jul 3, 2023

It doesn't look like this bug report has enough info for one of us to reproduce it.

Please provide a CodeSandbox (https://material-ui.com/r/issue-template-latest), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.

Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve

@mnajdova mnajdova added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jul 3, 2023
@iMrDJAi
Copy link
Author

iMrDJAi commented Jul 3, 2023

@mnajdova https://stackblitz.com/edit/github-g9xzk8-fk34tc?file=pages%2Findex%2Findex.page.jsx

@github-actions github-actions bot removed the status: waiting for author Issue with insufficient information label Jul 3, 2023
@iMrDJAi
Copy link
Author

iMrDJAi commented Jul 17, 2023

Hi @mnajdova, any updates on this? Do you still need additional information?

@iMrDJAi
Copy link
Author

iMrDJAi commented Sep 6, 2023

Hello @mnajdova, any update on this?

@iMrDJAi
Copy link
Author

iMrDJAi commented Oct 2, 2023

I think it's safe to assume that MUI in the current state is not a great choice for SSR applications. I'm closing this due to inactivity.

@iMrDJAi iMrDJAi closed this as completed Oct 2, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mnajdova mnajdova

Labels
core Infrastructure work going on behind the scenes
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@mnajdova @iMrDJAi @zannager