Estoy usando la entrada Autocompletar de Material UI con react-hook-form como esta:
import React from "react"; import {Controller} from "react-hook-form"; import {Autocomplete} from "@mui/material"; export const ControlledAutocomplete = ({ options, renderInput, getOptionLabel, onChange: ignored, control, defaultValue, name, renderOption, viewOnly }) => { return ( <Controller defaultValue={defaultValue} render={({field: {onChange, ...props}, fieldState: {error}}) => ( <Autocomplete options={options || []} getOptionLabel={getOptionLabel} isOptionEqualToValue={(option, value) => { if (typeof (value) === 'object') { return option.id === value.id } else { return option.id === value } }} renderOption={renderOption} disabled={viewOnly} autoComplete={true} renderInput={renderInput} onChange={(e, data) => onChange(data)} {...props} /> )} control={control} name={name} /> ); }Esto funciona muy bien, pero quiero obtener la entrada del usuario si no hay ninguna sugerencia disponible. Básicamente, si no hay ninguna sugerencia de la lista de autocompletar, quiero obtener la entrada sin procesar del usuario. ¿Es posible de alguna manera con Autocompletar o con cualquier otro campo de entrada en MUI?
Parece que estaba buscando la configuración de freeSolo :
Autocompletar con entrada personalizada en material ui no funciona