Dzieje się tak, gdy serwer renderuje jedno UI (np. ikona jasnego motywu), a klient po odczycie localStorage lub motywu systemowego renderuje inne, więc HTML się nie zgadza. Rozwiązania: spraw, żeby serwer znał motyw (cookie), albo renderuj elementy zależne od motywu dopiero po mount (client-side), albo pokaż stabilny placeholder i zaktualizuj w `useEffect` (opcjonalnie z `suppressHydrationWarning`).
Rozwinięcie krótkiej odpowiedzi — co zwykle ma znaczenie w praktyce:
Krótki przykład (szablon do wyjaśniania):
// Example: discuss trade-offs for "hydration-mismatch-przy-przełączaniu-motywu:-ską"
function explain() {
// Start from the core idea:
// Dzieje się tak, gdy serwer renderuje jedno UI (np. ikona jasnego motywu), a klient po odcz
}