makeStyles类不会覆盖主要组件类

Question

我正在使用ReactJS中Material-UI中的makeStyles样式化组件，但是类会首先插入标头中，并且不会覆盖组件类。

这是头部样式的屏幕截图：

如您所见，makeStyles做了“ OAuth”类，但是首先被注入，并且以后不会覆盖组件类。

这是我的样式（makeStyles）代码：

import { makeStyles } from '@material-ui/styles';

const useStyles = makeStyles(
  theme => ({
    container: {
      alignItems: 'start',
      [theme.breakpoints.down('xs')]: {
        display: 'block',
        margin: 0,
        padding: 0
      }
    },
    paper: {
      width: '100%',
      maxWidth: '600px',
      margin: '.5rem',
      marginTop: '15vh',
      [theme.breakpoints.down('xs')]: {
        margin: 0,
        height: '100%',
        maxHeight: '100%'
      }
    }
  }),
  { name: 'OAuth' }
);

export default useStyles;

这就是我试图覆盖类的方式：

import React from 'react';
import useStyles from './styles';
import Dialog from '@material-ui/core/Dialog';
import Box from '@material-ui/core/Box';

const OAuth = () => {
  const classes = useStyles();
  const oauthClasses = {
    container: classes.container,
    paper: classes.paper
  };

  return (
    <Dialog open={true} classes={oauthClasses}>
      <Box>
        Dialog content
      </Box>
    </Dialog>
  );
};

export default OAuth;

那么，如何使我的类在最后注入以覆盖组件的主要类？