JSX spread operator breaks highlighting

[markerikson]

If the JSX spread operator is used inside a tag, highlighting breaks starting at that point. Example code to be highlighted:

class MyComponent extends Component
    render() {
        const {tabs, ...otherProps} = this.props;
        const {currentTab} = this.state;
        
        return (
            <TabBar
                {...otherProps}
                currentTab={currentTab}
                onTabClick={this.onTabClick}
                tabs={tabs}
            />
        )
    }

If {...otherProps} is there, the props after that are not highlighted. If {...otherProps} is removed, they highlight correctly:

[gre]

👍

I was about to raise something similar for JSX and comments:

tell me if you prefer to create another issue, but there are multiple ways like this that breaks highlighting.

[Golmote]

@vkbansal: Can you investigate this?

[vkbansal]

@Golmote I'll try it over the weekend