Первый клиентский рендер должен совпасть с серверным: состояние возвращавшегося пользователя определяют одинаково либо обновляют уже после hydration.
Как исправить hydration mismatch, сохранив требование показывать "Welcome back" вернувшемуся пользователю? Объясните, почему решение работает.
Первый клиентский рендер должен совпасть с серверным: состояние возвращавшегося пользователя определяют одинаково либо обновляют уже после hydration.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Первый клиентский рендер должен совпасть с серверным: состояние возвращавшегося пользователя определяют одинаково либо обновляют уже после hydration.
Если признак хранится только в localStorage, сервер и первый рендер показывают нейтральный текст, а useEffect читает признак и включает Welcome back. Другой вариант — серверная cookie с передачей согласованного начального состояния. suppressHydrationWarning скрывает симптом, но не согласует данные.