-
-
Notifications
You must be signed in to change notification settings - Fork 32.1k
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
Components flicker during server side render for nextjs #32775
Comments
I can't notice any flickering on the link that you shared. Also it is different than the project you have on the gif. |
@mnajdova, I can see flickering problem easily. Why are you not seeing? |
@siamahnaf198 I could reproduce. Looks like an issue with the latest version of next - vercel/next.js#36675 Could you verify that it works by using |
I have the same issue, and I spent a lot of time upgrading from MUIv4 to MUIv5 now I got this issue. the issue persists with |
@selvamk-js. Hey someone suggested me to chnages some in _document.tsx Can you try it and let me know if works perfectly. |
@siamahnaf198 If I am not wrong, the aim here is to stop using the legacy styles right. But the StackOverflow answer has this code |
@selvamk-js please share a repository showing the issue. For the repository shared in the original issue description, this version of next solves the problem. |
Sure, I will prepare and share it with you. |
@mnajdova, Someone suggest me to use this type of code in
is this okay, or have any disagree? |
Sample SSR Test Repo: https://github.com/selvamk-js/ssr-test, this has the exact setup I have in my other project. ssr.movNote: I have tried commenting the |
This seems to be an issue with next.js >= 12.1.6 What causes this issue: We are unsure about the origin of this issue, but the CSS is not server side rendered. You can see that by viewing the page source of any of the links/examples provided above. Here are two screenshots of our test page's source: |
Everyone, let's wait for 12.1.7 of next to be released and test again. Until then, please downgrade to 12.1.5, thanks! |
To flag and close as a duplicate of #30410? |
Duplicates
Latest version
Current behavior 😯
Material-ui problem with next js typescript. Here is issued with flickered.
How can I solve this.
Here is my project- https://github.com/siamahnaf198/ebuy-ts
This is live link- https://ebuy-ts.vercel.app/
The text was updated successfully, but these errors were encountered: