如何缩小 Material UI 类名称 (v5)？

Question

仍然不确定如何正确缩小生产版本的默认材质 UI 类名（例如MuiList-root MuiList-padding）。

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'),
);

有什么建议吗？