Привет. кто-нибудь юзал компоненту autocomplete из mui с выбором стран,

с formik-ом. как вы сабмитили выбранное значение страны? оно никак не хочет попадать в объект values при сабмите. остальные поля норм попадают, но они текстовые, а тут получается как буд-то select с options, в него ничего не печатаю, только выбираю и мб из за этого не сабмитится? компонент вот <Autocomplete
//disablePortal
freeSolo
clearOnBlur
id="Country"
sx={{ width: 360 }}
options={countries}
autoHighlight
value={value}
getOptionLabel={(option) =>
(option as { code: string; label: string; phone: string })
.label
}
isOptionEqualToValue={(option, value) =>
option.code === value.code
}
renderOption={(props, option) => (
<Box
component="li"
sx={{ "& > img": { mr: 2, flexShrink: 0 } }}
{...props}
>
<img
loading="lazy"
width="20"
src={https://flagcdn.com/w20/${option.code.toLowerCase()}.png}
srcSet={https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x}
alt=""
/>
{option.label} ({option.code}) +{option.phone}
</Box>
)}
onChange={(
event: React.ChangeEvent<{}>,
value: CountryType,
reason: AutocompleteChangeReason
) => {
if (reason === "selectOption") {
formik.setFieldValue("Country", value.label);
}
setValue(value);
}}
renderInput={(params) => (
<TextField
{...params}
inputProps={{
...params.inputProps,
autoComplete: "new-password", // disable autocomplete and autofill
}}
/>
)}
/>

компонента)