Format code doesn't do the right thing with TSX/JSX

[dbaeumer]

From @prencher on December 3, 2015 20:0

When formatting the following snippet:

ReactDOM.render(
    <Router history={createHistory() }>
        <Route path='/' component={App}>
            <IndexRoute component={SplashView} />
            <Route path='home' component={HomeView} />
            <Route path='chat' component={ChatView} />
            <Route path='/chat/:contact' component={ChatView} />
        </Route>
    </Router>,
    document.getElementById('app')
);

The closing tags are not properly unindented, and outputs the following:

ReactDOM.render(
    <Router history={createHistory() }>
        <Route path='/' component={App}>
            <IndexRoute component={SplashView} />
            <Route path='home' component={HomeView} />
            <Route path='chat' component={ChatView} />
            <Route path='/chat/:contact' component={ChatView} />
            </Route>
        </Router>,
    document.getElementById('app')
);

Copied from original issue: microsoft/vscode#985

[saschanaz]

#3838 is related and #4398/#4757 to fix this.

[mhegazy]

in dead a duplicate of #3838