FOUC with SRC and Streaming SSR
Unanswered
Borzoi posted this in #help-forum
BorzoiOP
Hello. I disabled JavaScript to see how the page would render because I am experiencing a FOUC issue on my vercel preview build.
I see a lot of these hidden divs being returned in the HTML and the actual page rendered without JavaScript is white.
- Why? Shouldn't it just render the raw HTML instead of hidden divs and templates?
- How do I fix my FOUC issue? We are using SCSS Modules for styling without any styling framework.
<div hidden id="S:2">
<!--$--><!--$-->
<header class="Header_header__1RJ5C undefined transparent-banner">
<button class="Header_header__btn___Lak6">
<span class="Header_header-icon__aRMOj">
<!--$-->
<div class="Icon_icon__Haypr "><i>menu</i></div>I see a lot of these hidden divs being returned in the HTML and the actual page rendered without JavaScript is white.
- Why? Shouldn't it just render the raw HTML instead of hidden divs and templates?
- How do I fix my FOUC issue? We are using SCSS Modules for styling without any styling framework.
1 Reply
BorzoiOP
I loaded up the default application generated by
npx create-next-app@latest.