Sample component restructured for forwardingRef

ref-sample.js

import React, { useRef } from "react";
import AnotherComponent from './AnotherComponent'

const SampleComponent = () => {
  const textInputRef = useRef(null);

  const buttonClick = () => textInputRef.current.focus();

  return (
    <React.Fragment>
      <AnotherComponent ref={textInputRef} />
      <button onClick={buttonClick}>Focus on the text</button>
    <React.Fragment/>
  );
}

export default SampleComponent