When using tailwind smooth scroll

[nova grotto]

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

[sweet radish]

@nova grotto When using tailwind smooth-scroll utility class with new app router, I get the following error:
Warning: Prop className did not match. Server: "scroll-smooth overflow-x-hidden scrollbar scrollbar-track-primary-400/20 scrollbar-thumb-secondary-500 light" Client: "scroll-smooth overflow-x-hidden scrollbar scrollbar-track-primary-400/20 scrollbar-thumb-secondary-500"

[nova grotto]

Sorry @sweet radish, I seem to be having a bit of trouble. Don't worry though, I've pinged my supprt and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

Let me check the knowledge base for you. One moment! :books:

---

Hmm, I don't know enough to give you a confident answer yet. However, you can refer to the Tailwind CSS documentation (https://tailwindcss.com/) for more information on using utility classes and troubleshooting issues. Additionally, you can check the Next.js documentation (https://nextjs.org/docs) for guidance on handling server and client-side rendering discrepancies.

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

@sweet radish kapa.ai is still learning and improving, please let us how it did by reacting below

[sweet radish]

@nova grotto how do I make sure next-themes does not inject the light or dark class on the server side?

[nova grotto]

Let me check the knowledge base for you. One moment! :books:

---

I don't have enough information about next-themes in the provided extracts to give you a confident answer. However, you can refer to the next-themes GitHub repository (https://github.com/pacocoursey/next-themes) for more information on its usage and handling server-side rendering.

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