Gatsby site is not loading CSS on initial load, works fine when navigating to other pages

Support
,
1

The site can be viewed here: https://spiffy-pegasus-958954.netlify.app/

My Gatsby site is not loading CSS on its initial page load but works fine when navigating to other pages as well as when navigating back to the homepage. Oddly enough, imported styles for swiper and my footer component (styled-components) seem to be working as well.

Any ideas on what’s going on here?

2

Hi @SStan-prog,

We’ve seen this happen before with Styled Components, but we do not know the solution. The customer who had this issue said that they fixed this by downgrading their Styled Component version.

3

Hi, thank you for the suggestion.
I downgraded the project’s versions of styled-components and gatsby plugin styled-components to that of another project that I have working on Netlify, but the bug is still persisting.

4

Well, somehow I forgot to add gatsby-plugin-styled-components to my plugin list in gatsby-config. The styling now works as expected.