Стиль с неопределенным вместо MuiHeader (@ Material-ui v4)

Question

У меня есть приложение @ Material-ui v4.0.0 на основе SSR.

Я следовал за документами, чтобы создать опцию прозрачного CardHeader.

import MuiCardHeader from '@material-ui/core/CardHeader';

const useStyles = makeStyles(theme => ({
    root: {
        '&$transparent': {
            position: 'absolute',
            width: '100%',
        },
    },
    transparent: {},
}));

const CardHeader = ({ transparent, ...rest }) => {
    const classes = useStyles();
    return <MuiCardHeader classes={classes} transparent={transparent} {...rest} />;
};

Прозрачный заголовок отображается стандартным способом, и я вижу это как сгенерированный объект classes:

action:
"MuiCardHeader-action"
avatar:
"MuiCardHeader-avatar"
content:
"MuiCardHeader-content"
root:
"MuiCardHeader-root makeStyles-root-404"
subheader:
"MuiCardHeader-subheader"
title:
"MuiCardHeader-title"
transparent:
"undefined makeStyles-transparent-406"

Неопределенный явно выглядит неправильно.Есть идеи, что я делаю не так?

Answer 1

Ладно, кажется, что отсутствующий фрагмент активирует от className до clxs.Боюсь, плохо документировано.

const CardHeader = ({ transparent, ...rest }) => {
    const classes = useStyles();
    return (
        <MuiCardHeader
            classes={classes}
            className={clsx({
                [classes.transparent]: transparent
            })}
            {...rest}
        />
    );
};