How to set block height based on neighboring block in ReactJS?

Question

React

<div style={{height:400}}></div>
  <div style={{height:someHeight}}></div>

I want the bottom block to get the same height as the top block when rendering. And it varies depending on the amount of text.
How can I get and pass parameters ?
I tried to get the height through ref and pass it to the next one, but it swears ((

Answer 1

const el = React.createRef();
const [height, setH] = useState();

useEffect(() => setH(el.current.style.height));

<div ref={el} />
<div style={{height: height}}/>