VS Code separa as tags

Bom dia.

Ao seguir com as aulas de React aconteceu uma situação curioso no VS Code. Sempre que eu faço algo do tipo

function App() {
    return ( <h1> </h1>); }
         export default App;

e salvo, o VS code faz isso:

function App() {
    return ( < h1 > < /h1>);}
            export default App;

Ou seja, onde ficam as tags, ele separa, e isso automaticamente gera erro no meu código. Alguém saberiam e dizer como contornar esta situação ? No mais, obrigado.