Next.js Discord

Discord Forum

FOUC with SRC and Streaming SSR

Unanswered
Borzoi posted this in #help-forum
Open in Discord
BorzoiOP
Hello. I disabled JavaScript to see how the page would render because I am experiencing a FOUC issue on my vercel preview build.

      <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.