{all_state.length > 0 && ( <> <div> <Autocomplete autoHighlight={true} //needed autoSelect={true} id="geo-select-state" options={all_state} value={state} onChange={(event, selected_state) => { set_state(selected_state); }} classes={autocomplete_classes} renderInput={(params) => ( <TextField {...params} label={"State"} margin="none" focused /> )} /> </div> </> )}

Cuando se cumple la condición all_state.length > 0 , se creará el componente AutoComplete .

Pero no estará enfocado.

¿Cómo conseguir que se centre en la creación?