How to use MUI v5 makeStyles without ThemeProvider?

by

See this answer for more detail. In short, makesStyles/withStyles is not the first class APIs in MUI v5 anymore and is scheduled to be removed in v6. If you use the old API, you have to add a theme yourself.

In v4 you can import makeStyles from @material-ui/core/styles without having to supply a custom theme. You can do the same in v5 but only with the new styled API that is being used by all of the MUI components internally.

More Related Contents:

  1. How do you change a style of a child when hovering over a parent using MUI styles?
  2. How do you change a style of a child when hovering over a parent using Material UI styles?
  3. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  4. How to add custom MUI palette colors
  5. Global outlined override
  6. Passing props to MUI styles
  7. Change border color on Material-UI TextField
  8. Internal implementation of “makeStyles” in React Material-UI?
  9. How do I custom style the underline of Material-UI without using theme?
  10. Setting text color, outline, and padding on Material-ui Autocomplete component
  11. How do I avoid ‘Function components cannot be given refs’ when using react-router-dom?
  12. Is it possible to override material-ui components default props?
  13. Media queries in MUI components
  14. Difference between @mui/material/styles and @mui/styles?
  15. How to apply custom animation effect @keyframes in MUI?
  16. × TypeError: Cannot read properties of undefined (reading ‘map’)
  17. React testing library on change for Material UI Select component
  18. Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui
  19. How to add custom Material UI palette colors
  20. Passing props to Material UI styles
  21. Media queries in Material UI components
  22. Material-Ui TextField not affected with the RTL direction
  23. Can you force a React component to rerender without calling setState?
  24. PropTypes in a TypeScript React Application
  25. React Router Pass Param to Component
  26. Azure authentication Audience validation failed
  27. Error when deploying react app and it keeps sayings
  28. Why are React props immutable?
  29. Loading Screen on Next.js page transition
  30. react native post form data with object and file in it using axios

Leave a Comment