Вычислить высоту элемента в методе .map ()

Question

Можно ли рассчитать высоту элемента до его окрашивания в DOM? Например, я сопоставляю объект с помощью метода .map () и хотел бы отслеживать оставшуюся высоту слева при добавлении каждого элемента. В частности, я делаю это в React JSX.

<div id='section-container'>
    someObject.map(el => {
        // Either get el height here OR get #section-container height
       return (
          <div>{s}</div>
       )
    }
</div>

Причина этого в том, что я создаю PDF из HTML. Как только предел высоты достигнут, мне нужно будет вручную создать новую страницу, чтобы элемент не обрезался в нечетном месте.

Заранее спасибо!