Material-ui: [IconButton] [Typescript] ref property not available

[xaviergonz]

Property 'ref' does not exist on type 'IntrinsicAttributes & IconButtonProps & { children?: ReactNode; }'

This is the case for IconButton, but might be the case for others as well (didn't test any others).

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

Expected Behavior

The ref property should be available for any react component.

Current Behavior

It is not, making TS complain with a 'Property 'ref' does not exist on type 'IntrinsicAttributes & IconButtonProps & { children?: ReactNode; }' when trying to add it.

Steps to Reproduce (for bugs)

Create a tsx file that uses the following:

      <IconButton
        ref={node => { console.log(node); }}
      >
      </IconButton>

Context

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | latest beta |
| React | 16 |
| browser | Chrome 62 |
| ts| 2.6.1 |

[pelotom]

This is because IconButton is declared as a React.ComponentType instead of a React.ComponentClass; we're purposely abstracting away whether IconButton even has an instance associated with it. It happens that it does, but it's probably not what you want; its instance is a result of the withStyles HOC. Are you sure you don't want either the rootRef or buttonRef props?

[xaviergonz]

Actually I wanted buttonRef as target anchor element for a popover :) Thanks

[chendayang]

is it fixed? why close it? because i still get the warning.
constructor(props) { super(props) this.myRef = React.createRef() }
i get the warning: [at-loader] property "myRef" does not exist on type ...