Flickering effect and SSR example not working
See original GitHub issue🐛 Bug Report
Hi again!
I have created this repo as an example with styled components and Apollo. But it looks like when the chunk of the requested page is added to the header of the page, it makes a blinking effect, like it was re-rendering.
Also I tried to run the example in this repo and it look like it is not working.
"@loadable/component": "^5.5.0",
"@loadable/server": "^5.5.0",
"@babel/cli": "^7.2.3",
"@babel/core": "^7.2.2",
"@babel/node": "^7.2.2",
"@babel/plugin-proposal-export-default-from": "^7.2.0",
"@babel/plugin-proposal-export-namespace-from": "^7.2.0",
"@babel/plugin-transform-runtime": "^7.2.0",
"@babel/preset-env": "^7.2.3",
"@babel/preset-react": "^7.0.0",
"@babel/runtime": "^7.3.1",
"@loadable/babel-plugin": "^5.5.0",
"@loadable/webpack-plugin": "^5.5.0",
"babel-eslint": "^10.0.1",
"babel-loader": "^8.0.5",
"babel-plugin-dynamic-import-webpack": "^1.1.0",
thanks!
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:14 (4 by maintainers)
Top Results From Across the Web
Flickering effect and SSR example not working #213 - GitHub
On my side, I don't have any problem relative to Loadable Components. The blink effect is from styled-components.
Read more >SSR flickering problem - General Electronics - Arduino Forum
Hello, I am trying to run below code for AC circuit using SSR but AC powered halogen light bulbs flickers. some people in...
Read more >SSR: Question about CSS and "flickering" + another question
Hello everyone Starting a SSR app, I have two difficulties. First question: When I use CSS in the section of a component and...
Read more >Environment probe flickering and SSR reflection ray offset
When objects have not much space above the ground they won't appear in the reflection anyway only at close distance.
Read more >How to prevent flickering when using *ngIf? - Stack Overflow
When you use *ngIf , the element is not in the DOM (if the condition is false ) and will be placed into...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @neoziro! I will try on production mode with styled components and without styled components at all (I don’t remember if I have tried already).
I will let you know!
You are using it with Suspense/async/lazy or with the older
LoadingComponent
API? Suspense is not working for React > 16.10