JavaScript closing tags

Question

I have noticed most of the time I write HTML with JavaScript the closing tags "/>" makes the rest of the code in the file, is not identified properly, for eg comments are not taken as comments

beforeEach(() => {
    wrapper = shallow(
      <FilterableProductTable 
        products={products}/>
    )
  });

  // Checking the intitial state
  it('should initialize the filterText state to an empty string', () => {
    expect(wrapper).to.have.state('filterText').to.equal('');
  });

But if I make "/>" to ">", the comment works. Can someone help in explaining this and how to sort this issue?

This is a react code. But this also happened for HTML and wp scripts

Answer 1

This was solved in the Sublime editor by installing the Babel package:

"cmd + shift + p" > "Package Control: Install Package" > Babel

Now enable the syntax by: View > Syntax > Babel > Javascript(Babel)