Issue with Typescript and `withMobileDialog`

Trying to use Dialog with the withMobileDialog HOC in Typescript results in an ugly Typescript error

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

Here's the codesandbox:
https://codesandbox.io/s/j403mnwyov

...and in the code sandbox (along with Atom, locally), I get this error:

The codesandbox is fairly bare-bones, so I don't think I'm doing anything wrong (though I'm still pretty new to Typescript, so who knows?)

Any help is appreciated. Thanks!

[support]

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however,
this issue appears to be a support request or question. Please ask on StackOverflow where the
community will do their best to help. There is a "material-ui" tag that you can use to tag your
question.

If you would like to link from here to your question on SO, it will help others find it.
If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

[eps1lon]

Checkout the TypeScript version of the Responsive full-screen demo. It shows one usage option.

Okay, so in my defense here, what I illustrated is a "bug", given that I'm using MUI 3.9.3, and @eps1lon, the example you provided (thanks for that!) is from the next branch, which is not production-ready yet (though it looks like it might be released in May 2019, which would be nice).

Also, FWIW, withMobileDialog works just fine in JS, just not TS in 3.9.3

[martisj]

@bmueller-sykes try including DialogProps like this export default withMobileDialog<DialogProps>({breakpoint: 'xs'})(DialogWrapper);

I forked your sandbox and it seems to compile on my end: https://codesandbox.io/s/create-react-app-with-typescript-b4r24

See this issue for details: #9538 (comment)

@martisj thanks for this. The problem was that I was using the prior version of Material UI, but everything works great in the latest version.