[Autocomplete] Impossible to set aria-label on html input of TextField about material-ui

[oliviertassinari]

This looks like a duplicate of another support question we had on the autocomplete.

[mj12albert]

in inputProps of TextField component (<TextField {...params} inputProps={{ "aria-label": "foo" }} />)

@KingWarin This should work! Here's a demo: https://stackblitz.com/edit/mcve-react-material-ui-npgl9s?file=src%2FApp.tsx

// https://github.com/mui/material-ui/issues/42627
import * as React from 'react';
import { Autocomplete, TextField } from '@mui/material';

export default function Playground() {
  return (
    <Autocomplete
      disablePortal
      options={OPTIONS}
      sx={{ width: 300 }}
      renderInput={(params) => (
        <TextField
          {...params}
          inputProps={{
            ...params.inputProps,
            'aria-label': 'foo',
          }}
        />
      )}
    />
  );
}

const OPTIONS = [
  { label: 'Forrest Gump', year: 1994 },
  { label: 'Inception', year: 2010 },
  {
    label: 'The Lord of the Rings: The Two Towers',
    year: 2002,
  },
];

it is correctly set on the but the whole component breaks and produces an error when it is focused

I can't reproduce this, see the demo above!
By the way, I also noticed that in some places in your sandbox inputProps is incorrectly nested inside InputProps:

 <Autocomplete
    renderInput={(params) => (
        <TextField
            {...params}
            InputProps={{
              inputProps: {
                ...params.inputProps,
                "aria-label": "foo",
              },
            }}
          />
        )}
      />

[KingWarin]

@mj12albert the nesting of inputProps inside InputProps was me trying all possible combinations I (with the help of intellisense) could think of...

Just took a look at your demo. In trying to find a valid combination I didn't add the ...params.inputProps inside the inputProps (as seen in the commented component of my codesandbox) which in led to having the aria-label on the resulting input, but everything else breaking, as the default functions where missing.
So you're absolutely right and after adding the spread it works.

Thank you very much for the reply.