forwardRefWrong.js

const MyTextInput = (props) => {
  return (
    <input {...props}/>
  );
};

const App = () => {
  const [value, setValue] = React.useState('highlight and copy me');
  const textInput = React.useRef('initialRef');
  
  const handleClick = () => {
    console.log(textInput.current);
    textInput.current.select();
    document.execCommand('copy');
  }
  
  return (
    <div>
      <MyTextInput ref={textInput} readOnly value={value}/>
      <button onClick={handleClick}>Copy</button>
    </div>
  );
};