Ошибка гидрации
Вопрос
Что такое hydration mismatch и откуда он берётся?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Ответ
Расхождение HTML с сервера и первого клиентского рендера. Типичные причины: Date.now(), Math.random(), typeof window или localStorage прямо в рендере, локаль и часовой пояс. Лечат переносом клиентских значений в эффект или стабильными данными с сервера.
Разбор
Расхождение HTML с сервера и первого клиентского рендера. Типичные причины: Date.now(), Math.random(), typeof window или localStorage прямо в рендере, локаль и часовой пояс. Лечат переносом клиентских значений в эффект или стабильными данными с сервера.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «React 18-19: Suspense, transitions, RSC»
- Автоматический батчинг
- useDeferredValue и debounce
- Что делает React Compiler
- Функция из серверного компонента в клиентский
- RSC и SSR
- Что запускает Suspense
- Transition для значения поля
- use в условии