React Material ui vscode IDE error: пустые компоненты являются самозакрывающимися (ответная реакция / самозакрытие-comp) -

Question

Я получил пустые компоненты самозакрывающейся (реагировать / самозакрывающиеся комп) -

Я использую пользовательский интерфейс typcript + реагировать + материал, и я получил эту ошибку от ide, когда нажимаю на быстрое исправление, это делает IDE в очень проводном режиме, и "className" исчезает из кода, например:

  return (
    <div>
      <AppBar position="static">
          />     </Typography>
          <Button color="inherit">Login</Button>
        </Toolbar>
      </AppBar>
    </div>
  );

• я отметил в ***, где я получил эту ошибку, например

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import Button from '@material-ui/core/Button';
import IconButton from '@material-ui/core/IconButton';
import MenuIcon from '@material-ui/icons/Menu';

import color from '@material-ui/core/colors/amber';

const useStyles = makeStyles(theme => ({
  root: {
    flexGrow: 1
  },
  menuButton: {
    marginRight: theme.spacing(2)
  },
  title: {
    flexGrow: 1
  }
}));

const Header = () => {
   const classes = useStyles();
  return (
    <div>
      ***<AppBar position="static">***
        <Toolbar>
          <Typography variant="h6" className={classes.title}>
            News
          </Typography>
          <Button color="inherit">Login</Button>
        </Toolbar>
      </AppBar>
    </div>
  );
};