JSX highlighter match problem with {{double curly braces}}

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.

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

Filed bug report here: https://github.com/Komodo/KomodoEdit/issues/3871

1 Like