vscodeで勝手に改行されてエラーが起きる

実現したいこと

Vscodeで勝手に改行されてほしくない

発生している問題・分からないこと

ctrl+cをしたら改行が発生しエラーが起きます![![イメージ説明]

エラーメッセージ

error
1import React from 'react';
2import {
3    View,
4    Text,
5    StyleSheet
6} from 'react-native';
7
8export default function App() {
9    return ( <
10        View style = {
11            styles.container
12        } >
13        <
14        Text style = {
15            styles.text
16        } > test < /Text> <
17        /View>
18    );
19}
20
21const styles = StyleSheet.create({
22    container: {
23        flex: 1,
24        justifyContent: 'center',
25        alignItems: 'center',
26        backgroundColor: '#fff'
27    },
28});

該当のソースコード

import React from 'react';
import {
    View,
    Text,
    StyleSheet
} from 'react-native';

export default function App() {
    return ( 
        <View style = {styles.container} >
            <Text style = {styles.text} > test </Text>
            </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff'
    },
});