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.

Báo cáo nêu React.cloneElement(), React.createRef(), các component dạng class và các component dạng function, nhưng không có tệp nào trong repository hoặc điểm bắt đầu của test. Hãy bắt đầu bằng cách tái hiện cảnh báo với cấu trúc component được hiển thị và xác định liệu hành vi mong đợi là một bản sửa trong React hay một nội dung cần làm rõ trong tài liệu; được xem là hoàn tất khi có kết quả đã thống nhất, có thể tái hiện, cùng với một phương án giải quyết được ghi chép hoặc kiểm thử.