Forward ref downstream

How can I forward a HTMLElement reference to a downstream component? i.e:

<div ref={theDiv}>
  <MyComponent refToTheDiv={theDiv}/>
</div>

<div ref={theDiv}>
  <MyComponent refToTheDiv={theDiv}/>
</div>

<div ref={theDiv}>
  <MyComponent refToTheDiv={theDiv}/>
</div>

<div ref={theDiv}>
  <MyComponent refToTheDiv={theDiv}/>
</div>

so that I can use the div inside of MyComponent