cuando trato de cambiar el valor en autocompletar de material-ui, siempre obtengo su valor 0, aquí he subido todo mi código, ¿alguien puede verificar mi código y ayudarme a resolver este problema? Cualquier ayuda será muy apreciada.

 type Props = { team?: Team; onSubmit: (params: TeamParams) => Promise<unknown>; onDelete?: () => void; }; type State = { userId: string; }; export const TeamForm: FC<Props> = ({ team, onSubmit, onDelete }) => { const { users } = useDataContext(); const [state, setState] = useState<State>({ userId: tearm?.userId.toString() || '', }); : : const userValue = users.find(user => user.id == Number(state.userId)) return ( <Autocomplete options={users.map( c => `${c.id}: ${c.name}`, )} value={state.userId} inputValue={ userValue?.id + userValue?.name } onChange={event => setState({ ...state, userId: (event.target as HTMLInputElement).value, }) } renderInput={params => ( <TextField {...params} fullWidth label='ユーザー' /> )} /> ); };

Además, si agrega lo siguiente, no puede modificar el cuadro de texto. ¿Alguien puede verificar mi código y ayudarme a resolver este problema? Cualquier ayuda será muy apreciada.

 inputValue={`${userValue?.id}: ${userValue?.organizationName} ${userValue?.name}`}