[withMobileDialog] Remove HOC

[RDIL]

Breaking changes

• [withMobileDialog] Remove this higher-order component. The hook API allows a simpler and more flexible solution:

-import withMobileDialog from '@material-ui/core/withMobileDialog';
+import { useTheme, useMediaQuery } from '@material-ui/core';

function ResponsiveDialog(props) {
- const { fullScreen } = props;
+ const theme = useTheme();
+ const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
  const [open, setOpen] = React.useState(false);

// ...

-export default withMobileDialog()(ResponsiveDialog);
+export default ResponsiveDialog;

---

Signed-off-by: Reece Dunham [email protected]

Removes the withMobileDialog component from the source.

See #14992, #20012

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

Details of bundle changes

Generated by 🚫 dangerJS against 53b653f

[oliviertassinari]

@RDIL Thanks for the pull request!

Could you update the migration guide to v5 with the updated section of the pull request's description? I have tried to push it but I was rejected:

ERROR: Permission to ourforks/material-ui.git denied to oliviertassinari.

[RDIL]

@oliviertassinari which file is that?

[oliviertassinari]

@RDIL I will do a commit directly on the next branch, simpler.

[oliviertassinari]

@RDIL Thanks, do you think that you could add on a deprecation message on v4 (master branch) too? This is important for #22074 :).

[mbrookes]

Hey @RDIL! 👋 Do you think you might be able to add a deprecation warning for this on the master branch?

You can probably find a suitable example to follow in #20012 Deprecations section – PR # prefixed with "Dep:".

Thanks!

[RDIL]

I can do this on monday, sure

[mbrookes]

@RDIL Much appreciated, thank you!