VScode上でGatsbyJSのindex.jsファイルを保存する際に自動で空白や改行が入ってしまう

実現したいこと

テキストエディタ上でシンプルに入力したそのままを保存させてほしい。
環境：VScode 1.48.2
導入済み拡張機能：
・Auto Rename Tag (0.1.4)
・Code Spell Checker (1.9.0)
・CSSTree validator (0.8.0)
・HTML CSS Support (0.2.3)
・HTMLHint (0.8.0)
・indent-rainbow (7.4.0)
・IntelliSense for CSS class names in HTML (1.19.0)
・Japanese Language Pack for VS Code (1.48.3)
・Live Sass Compiler (3.0.0)
・Live Server (5.6.1)
・PHP Intelephense (1.5.4)
・zenkaku (0.0.3)

問題点

GatsbyJSを起動し、VScodeでコードを書いているのですが、
上書き保存をすると、タグやテキストに半角空白や改行が入り、
可読性が下がってしまう。(なぜかページには入力内容は反映される。)

該当のソースコード

★↓↓↓　入力した内容　↓↓↓

JavaScript
1import React from "react"
2
3export default function Home() {
4    return <div>
5        <h1>挨拶</h1>
6        <p>こんにちは</p>
7        <footer>by Moniker</footer>
8        </div>
9}

★↓↓↓　保存した結果　↓↓↓

JavaScript
1import React from "react"
2
3export default function Home() {
4    return <div >
5        <
6        h1 > 挨拶 < /h1> <
7        p > こんにちは < /p> <
8        footer > by Moniker < /footer> <
9        /div>
10}