# next-themes: handle themes without flashes or hydration pitfalls Canonical source : [next-themes: handle themes without flashes or hydration pitfalls]() next-themes applies the theme as the page loads, respects the system preference, and syncs the choice across tabs. Its `ThemeProvider` works with both the App Router and `pages/`, while a hook lets components switch themes or handle multiple variants. One architectural detail matters: the browser-stored theme is unavailable during server rendering. UI that depends on `useTheme` should wait until the client component mounts to avoid hydration errors. The library also updates the `` attribute—`suppressHydrationWarning` is recommended—and remains independent of the CSS solution in use. - Selected on : 2026-10-29 - Entry updated : 2026-11-07T20:32:37+0000 - Format : Tool - Source language : EN Original resource : [next-themes: handle themes without flashes or hydration pitfalls]() Tags : [Next.js]() · [React]() · [Hydration]() · [SSR]() · [UI/UX]() Available versions : [Français]() · [English]() [Back to tech watch]()