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:


:+1:
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.
@vkbansal: Can you investigate this?
@Golmote I'll try it over the weekend
Most helpful comment
@Golmote I'll try it over the weekend