Реагируйте на неправильное форматирование кода Visual Studio

Question

Многие из средств форматирования кода неправильно форматируют мой код.Например, код ниже:

<Fade {...TransitionProps} timeout={350}>
  <Paper className={classes.appsUIBox}>
    <AccountBalanceIcon className={classes.icon} />
    <AccountCircleIcon className={classes.icon} />
  </Paper>
</Fade>

Я хочу, чтобы он был таким, как показано ниже:

<Fade 
    {...TransitionProps} 
    timeout={350}
>
  <Paper 
    className={classes.appsUIBox}
  >
    <AccountBalanceIcon 
        className={classes.icon}
    />
    <AccountCircleIcon
        className={classes.icon}
    />
  </Paper>
</Fade>

Но когда я использую Beautify, я получаю

< Fade {
  ...TransitionProps
}
timeout = {
    350
  } >
  <
  Paper className = {
    classes.appsUIBox
  } >
  <
  AccountBalanceIcon className = {
    classes.icon
  }
/> <
AccountCircleIcon className = {
  classes.icon
}
/> <
/Paper> <
/Fade>

Isесть определенная настройка или какой-то форматировщик кода, который отлично работает?Я тоже попробовал Преттье, мне это не помогло.Я проверил другие вопросы в Stackoverflow и не нашел никого, сталкивающегося с этой проблемой, и не дал хороших рекомендаций для людей, использующих код Visual Studio.В некоторых ответах на вопросы рекомендуются другие IDE, такие как JetBrains, я бы предпочел придерживаться кода Visual Studio.