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.

報告提到了 React.cloneElement()、React.createRef()、類別元件和函式元件，但沒有提供任何儲存庫檔案或測試進入點。首先使用所示的元件結構重現該警告，並確定預期行為需要修正 React，還是需要釐清文件；完成表示得到一致同意且可重現的結果，以及一項已記錄或經過測試的解決方案。