[typescript] 'MuiAutocomplete' does not exist in type 'Overrides'

[blackneonreaper]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Compiler Error:

Types of property 'overrides' are incompatible.
Type '{ […], MuiAutocomplete }' is not assignable to type 'Overrides'.
  Object literal may only specify known properties, and 'MuiAutocomplete' does not exist in type 'Overrides'.

Expected Behavior 🤔

const theme = createMuiTheme({
   overrides: {
      MuiAutocomplete: {
          …
      }
});

Steps to Reproduce 🕹

Link: https://codesandbox.io/s/create-react-app-with-typescript-w90k3
see withRoot.tsx

Context 🔦

overwrite theme

Your Environment 🌎

Tech	Version
Material-UI	v4.9.1
React	16.12.0
Browser	chrome
TypeScript	3.7.5

[oliviertassinari]

None of the lab components are included in the Overrides nor Props types. As far as I know, our official answer has been to extend the theme, see https://material-ui.com/guides/typescript/#customization-of-theme.

[blackneonreaper]

@oliviertassinari thnx that's what i was expecting but ok thnx for the quick reply.

[ChrisBaidoo]

I put this in my codebase and it solved the issue:
import type {} from "@material-ui/lab/themeAugmentation

Read more in
https://next.material-ui.com/components/about-the-lab/#typescript

[oliviertassinari]

@ChrisBaidoo Since you point to the docs in v5, note that the Autocomplete is in the core, since v5.