Page Change Animation Flash

[joebentaylor]

After importing and customising my animations on my homepage in my Gatsby project. I noticed since adding react reveal, when i change pages the content doesnt display, but then flashes after about a second the content flashes back.

I followed the tutorial for Server Side Rendering as this seemed like it was the issue, but this didnt fix my issue.

I have no clue what is causing this or how to fix it.

see it happening here at: mortgagesremortgages.netlify.com

However If that link no longer has the problem, ive fixed it by using a different package.

[zamson]

I have the same issue with FOUC using Gatsby

[applebya]

Same here, can't get this working in Gatsby. Tried all 3 ways, no dice.

Looks like you made the switch over to wow.js , which has been succeeded by AOS js: https://michalsnik.github.io/aos/ .

(nice site design btw!)

[NeversSync]

Having the same issue, only on mobile. Anyone find a fix?

[iksent]

I fixed it by adding

.react-reveal {
  opacity: 0;
}

inside the CSS file imported in the gatsby-browser.js