Type errors with Fab and Button components from core when installing latest versions of material-ui/core

[zamiang]

Seeing type errors with the Button and Fab components when installing the latest version of material-ui/core

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

No type errors

Current Behavior 😯

node_modules/@material-ui/core/Button/Button.d.ts:5:18 - error TS2430: Interface 'ButtonProps' incorrectly extends interface 'Pick<ButtonBaseProps, "disabled" | "media" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "value" | "id" | "onError" | "name" | "type" | "color" | "target" | "download" | ... 262 more ... | "TouchRippleProps"> & StyledComponentProps<...> & { ...; }'.
  Type 'ButtonProps' is not assignable to type 'Pick<ButtonBaseProps, "disabled" | "media" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "value" | "id" | "onError" | "name" | "type" | "color" | "target" | "download" | ... 262 more ... | "TouchRippleProps">'.
    Types of property 'type' are incompatible.
      Type 'string | undefined' is not assignable to type '"button" | "reset" | "submit" | undefined'.
        Type 'string' is not assignable to type '"button" | "reset" | "submit" | undefined'.

5 export interface ButtonProps extends StandardProps<ButtonBaseProps, ButtonClassKey, 'component'> {
                   ~~~~~~~~~~~

node_modules/@material-ui/core/Fab/Fab.d.ts:5:18 - error TS2430: Interface 'FabProps' incorrectly extends interface 'Pick<ButtonBaseProps, "disabled" | "media" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "value" | "id" | "onError" | "name" | "type" | "color" | "target" | "download" | ... 262 more ... | "TouchRippleProps"> & StyledComponentProps<...> & { ...; }'.
  Type 'FabProps' is not assignable to type 'Pick<ButtonBaseProps, "disabled" | "media" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "value" | "id" | "onError" | "name" | "type" | "color" | "target" | "download" | ... 262 more ... | "TouchRippleProps">'.
    Types of property 'type' are incompatible.
      Type 'string | undefined' is not assignable to type '"button" | "reset" | "submit" | undefined'.
        Type 'string' is not assignable to type '"button" | "reset" | "submit" | undefined'.

5 export interface FabProps extends StandardProps<ButtonBaseProps, FabClassKey, 'component'> {
                   ~~~~~~~~

Steps to Reproduce 🕹

Apologies I don't have a live example, but I just installed the latest version in my app and the issue appears

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	v3.9.2
React	16.8.5
TypeScript	3.3.4000

[eps1lon]

Apologies I don't have a live example, but I just installed the latest version in my app and the issue appears

This issue is not actionable without example code.

[eps1lon]

Probably duplicate of #15076

[zamiang]

Yes it is exactly the same issue - we were writing the issue at almost exactly the same time.

Pinning the react types to an earlier version in my project fixed the issue for me.

[karlbohlmark]

Sent a PR with a fix: #15077