В консоли ошибка гидратации из-за времени «обновлено в 14:02:31»
export default function StockBadge({ count }) {
return (
<p>
В наличии: {count}, обновлено в {new Date().toLocaleTimeString()}
</p>
);
}
Страница рендерится на сервере. В консоли браузера ошибка о несовпадении серверного HTML и клиентского рендера, иногда текст мигает. Почему?
- Время и локаль на сервере и в браузере разные — HTML не совпал
- toLocaleTimeString не поддерживается в Node.js
- Компонент рендерится дважды из-за строгого режима React
- Время нельзя выводить внутри тега p