<textarea className="input" ref={textarea_ref} name="the-textarea" id="the-textarea" maxLength="150" placeholder="see guidelines for suggestions..." autoFocus onChange={(e) => input_text(e.target.value)} value={validated_text} ></textarea>¿Cuáles podrían ser algunos otros factores que harán que el área de texto no se enfoque automáticamente cuando se inicialice?
Por lo tanto, es posible que no funcione como esperaba en el componente Reactjs donde está cambiando/actualizando DOM o abriendo un nuevo Modal.
Sugeriría usar useRef en su lugar:
import React, { useEffect, useRef } from "react"; export default function App() { const textarea_ref = useRef(); useEffect(() => { textarea_ref.current.focus(); }); return ( <textarea className="input" ref={textarea_ref} name="the-textarea" id="the-textarea" maxLength="150" placeholder="see guidelines for suggestions..." ></textarea> ); }