score:0

classnames like jssxxx are a result of uglification and will be auto generated by material ui when the project is built for production mode. e.g. when you run npm run build in case of an app created using create-react-app.

classname should be created in following way for material ui to process it:

import react from 'react';
import { createstyles, theme, makestyles } from "@material-ui/core";

const custommuitheme = makestyles((theme: theme) => createstyles({
  label: {
    color: red,
  }
});
const theme = custommuitheme();

export const cssclassdemo = () => {
  return (
    <label classname={theme.label}>label text</label>
  );
}

classes created by user only will be uglified. classes such as muigrid-container which are provided by material ui won't be minified as it gives developers an opportunity to customise these styles.


Related Query

More Query from same tag