reactjs - 如何在material-ui makestyles上应用打字稿自动完成类型

Question

我正在使用material-ui和打字稿来处理我的前端，我想知道如何让类自动完成我希望它显示的类型或参数，这是我的代码

export interface StyleProps{
    open : boolean;
}

const useStyles = makeStyles<Theme,StyleProps>((theme:Theme) =>createStyles({
  toolbar: {
    display: "flex",
    justifyContent: "space-between",
    backgroundColor: "tomato",
  },
  loginbg: {
    display: "none",
    [theme.breakpoints.up("sm")]: {
      display: "block",
    },
  },

  loginsm: {
    display: "block",
    [theme.breakpoints.up("sm")]: {
      display: "none",
    },
  },
  //.... a lot 
})
export default function Header() {
  const [open, setOpen] = useState<boolean>(false); 
  const classes = useStyles({open});
  return (
    <div>
      <AppBar>
        <Toolbar className={classes.toolbar}>
          <Typography variant="h6" className={classes.loginbg}>
            HardoCo-To.Do
          </Typography>
          <Typography variant="h6" className={classes.loginsm}>
            To.Do
          </Typography>
    // a lot ....

所以我要问的是当我输入“类”时。在我的组件中，我希望得到

工具栏，loginbg，loginsm作为建议，毕竟，这就是我使用 typescript 的原因。现在它什么也没显示。