Adding ref with React.cloneElement() fails on class component with functional component error

In a class component with all class component children...

constructor(props) {
  super(props);

  this.myref = React.createRef();
}

render() {

  return (
    {React.cloneElement(this.props.children[0], {ref: myref})}
  );
}

...fails with Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

I get that React.cloneElement() is probably returning a functional wrapper that's confusing React, but given the power of this.props.children, what is the proper way to dynamically add refs? All of the actual children are class components if that matters.

Le rapport mentionne React.cloneElement(), React.createRef(), les composants de classe et les composants fonctionnels, mais aucun fichier du dépôt ni point d’entrée de test. Commencez par reproduire l’avertissement avec la structure de composants indiquée et déterminez si le comportement attendu nécessite une correction de React ou une clarification de la documentation ; c’est terminé lorsqu’un résultat convenu et reproductible ainsi qu’une résolution documentée ou testée sont obtenus.