Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Latest release(4.9.13) causes flickering effect
See original GitHub issue- The issue is present in the latest release.
- I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
When opening the page, the screen flickers as if css is not loaded, then turns back to normal after a few seconds.
Demo: https://oi-wiki-ng-pr-172.onrender.com/
Expected Behavior 🤔
One would expect that no flickering artifact appears here.
Demo: https://ng.oi-wiki.org/
Steps to Reproduce 🕹
We’re currently using gatsby and this happens in gatsby build results. It’s quite different from SSR in the material-ui docs because in our case the pages are generated on servers and remain static.
https://github.com/OI-wiki/oi-wiki-ng/commit/27d37be8b925b4fff29e7eae59f0f6d3246df711
You can find out that we reverted to v4.9.12 to solve this issue.
Context 🔦
Your Environment 🌎
| Tech | Version |
|---|---|
| Material-UI | 4.9.13 |
| React | 16.13.1 |
| Gatsby | 2.21.13 |
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Make sure you don’t have a duplicate version of @material-ui/styles.
Hi @oliviertassinari ,the problem is now somehow solved after removing the styles from the dependency. Thanks for saving our day, we’ve been debugging this for over 10 hours.