Auto-indentation for JSX is incorrect

[DoctorRyner]

Summary

Going to the next line places your pointer in the wrong place

Reproduction Steps

1. Open any {jsx,tsx} file
2. Insert this:

export const App: FunctionComponent = () => {
  return (
    <div>
      <h1>{greeting}</h1>
      <p>{welcomeMsg}</p>
      <div>
        <p>Test</p>
    
      </div>
    </div>
  )
}

3. To see that it doesn't leap to the proper spot, try hitting 'o' or pressing enter at the end of a JSX line

Helix log

No response

Platform

macOS

Terminal Emulator

The latest iTerm 2

Helix Version

22.08.1

[the-mikedavis]

Currently JSX uses the JavaScript indentation queries: https://github.com/helix-editor/helix/blob/master/runtime/queries/jsx/indents.scm

You can try tuning these so that the JSX tags trigger indents (see https://docs.helix-editor.com/master/guides/indent.html)

[mbenja]

@DoctorRyner I can take a look at this and report back within a day or so

[DoctorRyner]

Can confirm that it works. Thanks!