Как запретить визуальному студийному коду ставить разрывы строк в моем JSX?

Question

Я пытаюсь настроить код Visual Studio для очистки или улучшения моего JSX / JS при кодировании в React.

У меня установлено несколько более симпатичных плагинов для форматирования. Когда я делаю «Формат документа», мой код выглядит ужасно.

Что-то хорошее, как это:

  <Map
    style={{
      height: "100%",
      width: "100%",
      margin: "0 auto"
    }}
    center={position}
    zoom={10}>

превращается в мусор вот так ...

return ( <
            Map style = {
                {
                    height: "100%",
                    width: "100%",
                    margin: "0 auto"
                }
            }
            center = {
                position
            }
            zoom = {
                10
            } >
            <

Я искал много файлов настроек ... что контролирует это? Я включил Prettier: Jsx Bracket Same Line чтобы быть правдой. Я установил ширину символа, чтобы быть широким. Я отключил все разрывы строк. Я, честно говоря, понятия не имею, почему это делает мой JSX ужасно нечитаемым. Когда я добавляю этот код в https://prettier.io/playground,, он выглядит хорошо.

Какой параметр помещает мой код в отдельные строки?