JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container"></div>

Babel + JSX

const CustomInput = React.forwardRef((props, ref) => {
	return (
	  <input ref={ref} value="Banana"/>
  );
})

class App extends React.Component {
	static propTypes = {
  	name: PropTypes.string,
  };
  
  constructor(props){
  	super(props);
    this.inputRef = React.createRef();
  }
  
  componentDidMount() {
  	setTimeout(() => {
      this.inputRef.current.focus()
    }, 1000);
  }
  
  render(){
  	return (
    	<CustomInput ref={this.inputRef} />
    );
  }
}

ReactDOM.render(<App name="world"/>, document.getElementById('container'));