Как работает hydration?

Hydration — это процесс «оживления» серверного HTML на клиенте. Сервер отдаёт готовый HTML (быстрый первый показ), затем React на клиенте привязывает к нему обработчики событий и state. React сравнивает серверный HTML с тем, что он бы отрендерил — если есть расхождение (hydration mismatch), выводит предупреждение. До hydration кнопки видны, но не кликабельны. Selective hydration в React 18 позволяет гидрировать части страницы независимо.