How to redirect ref correctly in React?

Question

JavaScript

Hello. Tell me, there are 3 components App, child1, child2.
Tree nested.
A ref has been created in App, how can I write the home element of the child2 H2 component into it?
Sandbox

Answer 1

child2 also needs to be wrapped in forwardRef.

const Child2 = React.forwardRef((props, ref) => {
  console.log("Child2-ref", ref);
  return <h2 ref={ref}>Some Description</h2>;
});