为什么VSCode Prettier会将我的div分开？

Question

我正在Visual Studio Code中使用Prettier。 我使用的是JSX，当我写<div>时，Prettier会将其分解为2行，例如

class App extends Component {
  render() {
    return ( <
      div className = "App" >

      <
      /div>
    );
  }
}

我该如何预防？