How to minify Material UI class names (v5)?

Still not sure how to correctly minify the the default Material UI classnames (for example MuiList-root MuiList-padding) for production builds.

import React from 'react';
import ReactDOM from 'react-dom';
import StyledEngineProvider from '@material-ui/core/StyledEngineProvider';
import CssBaseline from '@material-ui/core/CssBaseline';
import { ThemeProvider, StylesProvider, createGenerateClassName } from '@material-ui/core/styles';

const generateClassName = createGenerateClassName({
    productionPrefix: 'foobar',
});

ReactDOM.render(
    <StyledEngineProvider injectFirst>
        <StylesProvider generateClassName={generateClassName}>
            <ThemeProvider theme={theme}>
                <CssBaseline />
                <App />
            </ThemeProvider>
        </StylesProvider>
    </StyledEngineProvider>,
    document.querySelector('#root'),
);

Any suggestion?