i need to show the startAdornment in TextField Material UI component, but it’s not showing, i don’t what i’m missing, here is the code for the material ui autocomplete

  return (
    <Autocomplete
      id="countries"
      getOptionLabel={}
      options={countries}
      loading={isLoading}
      maxWidth={true}
      renderOption={(props, countries) => (
        <Box component="li" sx={countrySelectStyles.ListBox} {...props}>
          <img

          />
          <p style={countrySelectStyles.ListPTag}>
          </p>
        </Box>
      )}
      sx={countrySelectStyles.MuiOutlinedInput}
      renderInput={(params) => (
        <TextField
          {...params}
          InputLabelProps={{
            style: countrySelectStyles.TextFieldInputLabelProps,
          }}
          sx={countrySelectStyles.TextFieldMuiOutlinedInput}
          inputProps={{
            style: countrySelectStyles.TextFieldInputLabelProps,
            ...params.inputProps,
            startAdornment: (
              <InputAdornment
                component="div"
                position="start"
                style={{ paddingLeft: "14px" }}
                disablePointerEvents
              >
                <PublicIcon />
              </InputAdornment>
            ),
            endAdornment: (
              <React.Fragment>
                  <CircularProgress />
                {params.InputProps.endAdornment}
              </React.Fragment>
            ),
          }}
        />
      )}
    />
  );

i don’t know if i should startAdornment or InputAdornment