Getting Flash of Unstyled Content (FOUC)

[cadamsdev]

Problem

Upon refreshing the page I'm seeing unstyled content.

I checked out previous commits to see when this started happening. This issue starts happening on this commit 0fab482. Seems to be an issue with migrating to tailwind 2.0

Steps to reproduce

1. Cloned project
2. Ran npm install
3. Ran npm start
4. Refreshed page (In Google Chrome clicked refresh button)

[lukebennett88]

This issue has been addressed in this PR: #908

The issue seems to be with Gatsby, not Tailwind. Both were updated at the same time.

The Gatsby team are aware of the issue:
gatsbyjs/gatsby#28805 (comment)

The changes mentioned in that thread have been merged, but I haven't tested if the latest version of Gatsby actually fixes this issue.