Tailwind styles disappear when I reload the page while using next auth | Next.js | Page 1

Hi @jade birch. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

Based on the knowledge sources provided, there are several issues reported with Next.js and Tailwind CSS where styles disappear or flicker during page reloads or hot module replacements (HMR). However, there isn't a direct mention of this issue in relation to Next Auth.

One user mentioned a similar issue was related to the use of an authentication package, specifically Supabase and its next-auth-helper package. The user found that incomplete documentation was causing the app to refresh repeatedly, which might be similar to your issue if you're using an authentication package (source (https://github.com/vercel/next.js/issues/48879)).

Another user suggested that the issue might be related to Next.js's font optimization feature. They reported that removing their font import in the layout file of the app resolved the issue for them (source (https://github.com/vercel/next.js/issues/48879)).

However, without more specific information about your setup and the issue you're experiencing, it's difficult to provide a definitive solution. You might want to check your authentication setup and any font imports you're using in your app. If the issue persists, consider creating a minimal reproduction of the issue and reporting it on the Next.js GitHub page.

#Tailwind styles disappear when I reload the page while using next auth

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: