Почему Slick slider работает некорректно вместе с SSR?

Question

[Juniorrrrr]

Использую slick slider вместе с SSR и React.

Почему-то при рендере на серверной стороне слайдер собирается некорректно, ощущение будто не отрабатывает js код.
Есть идеи откуда растут ноги ?
Рендер на сервере


Рендер на клиенте

Comments

[Сергей delphinpro]

Он все равно должен инициализироваться на клиенте. Нафига рендерить его разметку на сервере?
SSR отработал правильно - выплюнул неинициализированную разметку слайдера.

[Сергей delphinpro]

Если SSR вернут уже полностью готовую разметку, то там будет класс slick-initialized, который укажет слайдеру в браузере, что с этим элементом уже не нужно ничего делать, и соответственно, будет пропущен, не будут навешаны обработчики и т.д.

[Juniorrrrr]

Сергей delphinpro, Нафига рендерить его разметку на сервере? Есть страница где рендерятся одни такие слайдеры и при SSR отдается простыня вместо слайдеров, в теории можно отключить для этой страницы SSR, но тогда боты увидят страницу без контента

[Сергей delphinpro]

Juniorrrrr, SSR не должен рендерить страницу так, как она выглядит в браузере. SSR должен рендерить страницу такой, какой она была бы при отдаче с обычного сервера.

Если у вас slick, то отдача должна быть примерно такой:

<div class="slick">
  <div>...</div>
  <div>...</div>
  <div>...</div>
</div>

Именно простыня, как изволили выразиться.