Как в React перенаправить правильно ref?

Question

[John Johnson]

Здравствуйте. Подскажите, есть 3 компонента App, child1, child2.
Древовидно вложены.

В App создан реф, как можно в него записать дом элемент компонента child2 H2?

Песочница

Answer 1

[Ro37A]

child2 тоже нужно обернуть в forwardRef.

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