JSX not formatted correctly

[aikeru]

Other editors like WebStorm and VSCode seem to format/understand a fat arrow expression, followed by linebreak, followed by a JSX tag, but rjsx-mode seems to trip on this.
IE:

const Bar = () =>
  <div>
    //add a new tag here/hit enter and it is put at the same indentation as div
  </div>

Thanks for your excellent work on this mode! I've definitely seen an improvement over the react layer already.

[aikeru]

It works fine if wrapping the JSX with parens

const Bar = () => (
  <div>
    //add a new tag here and expect it to be formatted correctly
  </div>
)

But as this is valid syntax and other tools work fine with it, maybe there is a way rjsx-mode can support it too? :)

[aikeru]

Also I would expect when pressing "enter" / "return" after the JSX for the cursor to move to the beginning of the next line. Instead, it continues on the same line.

[felipeochoa]

This is an indentation problem. To quote the README:

Note: This mode does not add any indentation improvements to the one built into js-mode. Please report all identation bugs there

[aikeru]

@felipeochoa apologies and thanks for the response

[felipeochoa]

@aikeru, no problem! I find the indentation situation a bit frustrating as well, but haven't been frustrated enough to actually fix it! 😄