do auto focus on an html input more reliably in react

useAutoFocus.ts

import { useEffect, useRef } from "react"

const useAutoFocus = (enabled: boolean) => {
	const ref = useRef<HTMLElement>()
	
	useEffect(() => {
		if (ref.current && enabled) {
			setTimeout(() => ref.current?.focus(), 100)
		}
	}, [enabled])

	return ref
}

export default useAutoFocus