React Focus on Element on Load

focus.jsx

import { useEffect, useRef, useState } from "react";

const focus = (ref: Reference<HTMLInputElement | null>) => {
  if (ref && ref.current) {
    ref.current.focus();
  }
};

// Step 1. Create a ref that can be used for focus
const inputEl = useRef<HTMLInputElement | null>(null);

// Step 2. setFocus on the input element
useEffect(() => focus(inputEl), []);