Tengo debajo del estado -

 const[values,setValues]=useState<IValue[]>([]); const[value,setValue]=useState<IValue|null>(); <Autocomplete options={values} value={value} id="value_id" getOptionLabel={(option:IValue)=>`(${option.Id}) ${option.Name}`} renderInput={(param)=> <TextField {...param}/>} /> export interface IValue { Id:string; Name : string; } useEffect(()=>{ //api call setValues([...res.data]); },[])

Autocompletar toma el valor de la llamada Api y establece la lista. Quiero agregar "Todos" antes de la lista de autocompletar, seleccionada por defecto.

Probé con -

 const[value,setValue]=useState<IValue|null>({Id="",Name="All"});

De esta forma, Todo aparece en la lista, pero después de hacer cualquier otra selección de la lista, desaparece.