Next.js - issue with responsive (wrong breakpoint for a moment)

[tomaszdanczak]

In Next.js project when I refresh the page on mobile settings for the largest breakpoint are applied for a while.

Replication here.

Noticed the same problem in example from documentation (Gatsby project).

[sstone2423]

I'm having the same problem

[fl1k]

it happens because it is rendered on clientside, when your page loads it loads default breakpoint first and then it loads the actual breakpoint (useEffect hell)

[lucaspieran]

did you find any solution?

[akiran]

need to implement mobileFirst setting of slick