UseRef возвращает неверную высоту элемента во время SSR ⇐ CSS

[Anonymous]

У меня есть компонент, который отображает три компонента с использованием карты, и я реализовал функцию развертывания/свертывания для каждого дочернего компонента.
Внутри компонента я использую refCallback, чтобы получить полную высоту компонента и если оно превышает определенный порог, я уменьшаю высоту и показываю CTA. По неизвестной причине это работает нормально при навигации с использованием маршрутов реагирования внутри приложения, но я открываю страницу напрямую через SSR, высота последнего из трех компонентов, возвращаемых ref.current.clientHeight, меньше фактической стороны DOM.
Пожалуйста, подскажите, что здесь не так.
refCallback:
const cb = (node: Div) => {
if (node !=== null) {
const height = parseInt(getComputedStyle(node).height);
//threshold logic to set heigt of a div
}
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... during-ssr