Я реально прям учил людей.

Мне специально выделили людей и время на это.

Но это мне повезло сильно.

Нда 400+ мессаг нифига вы флудили

Привет

Как гидрировать кошерно? Пока что додумался только до такого способа

Можно например так помещать данные, но это как-то уродливо. Дублирование данных и можно забирать данные из script элемента всяким проходимцам

Это слабо похоже на гидрирование.

Для начала нужно понять все по этой ссылке: https://ru.reactjs.org/docs/react-dom-server.html

Что не так?

ReactDOMServer.renderToString(element)

Рендерит React-элемент в исходный HTML и возвращает его в виде строки. Вы можете использовать этот метод, чтобы сгенерировать HTML на сервере и отправить разметку в ответ на запрос, ускоряя загрузку страницы и позволяя поисковым движкам обработать ваши страницы для SEO.

Если вы вызываете ReactDOM.hydrate() на узле, который уже содержит разметку, отрендеренную на сервере, React сохранит её и закрепит только обработчики событий, позволяя вам значительно ускорить первоначальную загрузку страницы.

Ну сам попробуй. На самом деле, для поддержания актуальности данных, на клиенте ещё раз производится рендер, но если различий не найдено - ничего не записывается

Это не гидрирование, гидрирование это оживление статического дерева DOM отправленного с сервера строкой

А что должно произойти?

Я это и делаю

Не для поддержания актуальности данных, а для добавления того что не сохранилось и не могло сохраниться через строку

Отличие в разметке это баг

Не важно. Можешь не писать мне не по теме

Который нужно фиксить