[withWidth] Add innerRef property

[itelo]

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

Expected Behavior

I expected to use like withStyles, that I access with innerRef.

Current Behavior

I can't access the ref of my component.

Examples

export default withWidth()(MyComponent)

Context

I want to access refs using innerRef or something like that when using HOC withWidth

[oliviertassinari]

@itelo You can use the RootRef component for this use case. Regarding the innerRef property. My hope is that it can be legacy with #10825.

[oliviertassinari]

The withTheme higher-order component could take advantage of it too.

[itelo]

@oliviertassinari can you give an example of how to use the RootRef? I want to access the props and state. With RootRef I only get access to the DOM.

[oliviertassinari]

I want to access the props and state.

@itelo No, you can't access the state with RootRef, you will only be able to do it with forwardRef (#10825).
Anyway, I think that we should be consistent, have withWidth, withTheme and withStyles support the same properties. I this something you want to work on? :)

[itelo]

Certainly, tomorrow I will submit a PR :)

[oliviertassinari]

@itelo Awesome! We can copy the withStyles implementation:
https://github.com/mui-org/material-ui/blob/267beda0067f2d1dbefb4c90b9e724c9be50cbd6/packages/material-ui/src/styles/withStyles.js#L296-L299