TIL: Jul 30

TIL: Hydration mismatches in Next.js theme toggles often stem from rendering UI based on server-side defaults before the client-side state (like localStorage or systemPreference) is mounted. Using a useEffect hook to set a mounted state before rendering the toggle ensures the UI remains consistent between the initial server render and the client's hydration pass.