One small change to my local tyspescriptreact ftplugin has improved the user experience of editing a fair amount:
" Remove > as a comment character
setl comments-=n:>
Now put this into a buffer, set ft=typescriptreact and press 6ggo. Without the change, your new line has a stray > that needs to be deleted. With this change, the line is blank.
function Foo() {
return (
<div
className="foo bar baz"
style={{ marginTop: 27, border: "solid pink 15px" }}
>
Hello, world!
</div>
);
}