Как пофиксить hydration text mismatch при одинаковых данных?

Question

[LionG]

Ловлю предупреждение (пропал пробел перед переносом):

[Vue warn]: Hydration text mismatch:
- Client: "и носит имя талантливого русского поэта.\nВам не стоит переживать"
- Server: "и носит имя талантливого русского поэта. \nВам не стоит переживать"

*в оригинальной строке данных пробел есть.

При том что исходные данные одинаковы, браузер убирает пробел или сервер его не убирает)) То же самое с двойным пробелом и наверняка еще много с чем.

Вижу 2 варианта: обрабатывать исходные данные предварительно форматируя текст, включить если можно форматирование в SSR.

Кто вообще это форматирует ? DOM ?
Посоветуйте форматер если пойду путем обработки данных. Тот же DOM + .text() юзать ?

Может это вообще норм получать в проде hydration text mismatch на пользовательские тексты ?
Хотя вряд ли тк это вызывает перерендер несоответствующей части и снижает показатели скорости)

Comments

[Aetae]

Ставлю на то, что у тебя какой-то левый скрипт вне vue гадит.

[LionG]

Aetae, Исходные данные точно одинаковы. Сервер возвращает с пробелом, а клиент генерирует из данных строку без пробела. В этом то и странность. Вот если бы на сервере пробел убирался то кто то бы подменял пробел на сервере, а тут именно клиент из правильных исходных данных генерит текст без пробела. Ради интереса ввел в инспекторе двойной пробел в тексте - копирую, а скопировался то с одним пробелом. Значит все таки DOM. Но как тогда VUE видит что сервер с пробелом прислал -_- Мб скрипт форматер-паразит в браузере срабатывает после VUE, тогда vue видит оригинал изначально...

[Aetae]

LionG, сделай минимальный компонент-пример.