Tengo la siguiente estructura json:

 const componentObject = ( <Box> <SectionBox /> </Box> )

Y dentro de SectionBox :

 import React from 'react' export default function SectionBox() { return <div> content here </div> }

¿Hay alguna manera de obtener acceso a div y su altura usando javascript? Estoy creando un diseño de revista y necesito hacer componentes (y sus hijos) para que quepan dentro de una 'página' según su altura. Entonces, me preguntaba si esto es posible.

Intenté echar un vistazo a la definición del objeto componentObject, pero la estructura de árbol que contiene, solo sube a SectionBox, desde allí props.children no está definido. ¿Necesito renderizarlo primero? ¿Puede recomendar un mejor enfoque?