Ребят, подскажите способ собрать массив ссылок на ноды(refs) из props.children? export

Question

Ребят, подскажите способ собрать массив ссылок на ноды(refs) из props.children? export

default function HorScreen(props) {
const refs = [];
return (
<>
<div className="hor-container">
{props.children}
</div>
<Slider refs={refs} />
</>
);
}

Чайлд компонент выглядит так:
const HorSection = props => {
return (
<div className="hor-section" id={props.elementId}>
{props.children}
</div>
);
};

И вот так это организовано:
<HorScreen>
<HorSection elementId="page3.1">
<p>text text text</p>
</HorSection>
<HorSection elementId="page3.2">
<p>text text text</p>
</HorSection>
</HorScreen>