JSX highlighter incorrectly matches brace when {{double curly braces are present}}

[jshrek]

Short Summary

JSX highlighter incorrectly highlights/matches brace when there are {{double curly braces}} in the code.

I have the following sample code with {{double curly braces}} and the highlighter works incorrectly when trying to find the matching brace.

So in the example below, if I go to the very last } curly brace at bottom, it is supposed to match with the { brace on this line: export default class App extends React.Component { But instead it matches with the one on the render() { line.

If I remove the double-curly section { flex:1 } then all the braces match properly.

Steps to Reproduce

Try this code, and put your cursor beside the very last/bottom } curly brace.

export default class App extends React.Component {
   render() {
      return (
            <View style={{flex:1}}>
            </View>
      );
   }
}

Expected results

The matching { brace should highlight which is the one on the line: export default class App extends React.Component {

Actual results

Two incorrect braces are matched.

If you delete the double curly brace section {flex:1} then the braces all match properly.

See attached screenshots.

Platform Information

Komodo Edit Komodo Version 12.0.1 Win 10

Screenshot of problem:

Screenshot with no problem: