Difficulties with JSX/TSX indentation

I have some issues getting indentation for JSX tags playing along nicely. Here's an exmaple:

  render() {
    return (
      <div class="wrap">
        <div>
        </div>
      </div>
      )
  }

Creating a new line anywhere within the JSX block indents to the parent starting line, not the indented one

  render() {
    return (
      <div class="wrap">
      |here
        <div>
        </div>
      </div>
      )
  }

Outside of JSX code the intendation works fine, for example inserting a new line after the opening bracket correctly indents by 2. This also messes with simple code formatting like through vintageous.

I tried playing with the typescript_auto_format setting and set my indent settings for typescript files to

{
    "tab_size": 2,
    "indent_size": 2,
}

but no good. Am I missing a setting here? (

(I have enable_*_language_service off and use typescript LSP through the sublime lsp project)

Non viene menzionato alcun file o test. Riproduci innanzitutto il comportamento dell'indentazione di JSX/TSX nel plugin TypeScript di Sublime Text con le impostazioni mostrate per due spazi e la configurazione del servizio linguistico segnalata; il lavoro è completato quando le nuove righe all'interno di JSX annidato seguono l'indentazione del tag circostante e la formattazione si comporta in modo coerente.