Started to flash in Production

Hi!

It weirdly started to flash after I deployed to Production on Vercel but there is no flash on the preview environment. I’m not sure if some kind of configuration conflicts with the implementation or something else.

Reproducible on https://ilyagru.com - flashes both when you open the website with dark mode enabled earlier or reload the page, in Safari and Firefox. But not reproducible in the preview https://ilyagru-next-git-post-deploy-fixes-ilyagru.vercel.app.

Any ideas what to check?

My usage:

<ThemeProvider attribute='class' enableSystem={false}>
  {getLayout(<Component {...pageProps} />)}
</ThemeProvider>

Versions

"next": "12.3.1",
"next-pwa": "^5.6.0",
"next-themes": "^0.2.1",

[ilyagru]

@andreacassani wow, thank you! Yes, disabling Rocket Loader on Cloudflare has resolved this for me. Will close the issue for now.

[andreacassani]

Hi, had the same issue, if you are using Cloudflare try disabling the various toggles under Speed > Optimization. Worked for me, still have to track which optimization was causing the issue.

Edit: it was Rocket Loader.