Generic arrow function expressions cause an unexpected highlighting

[vantm]

When I used generic arrow functions in RunJS, the statements that followed were highlighted incorrectly

Example code:

interface HasName {
  name: string;
}

function Test1<T extends HasName>(a: T) {
  return a.name.toUpperCase();
}

const Test2 = <T extends HasName>(a: T) => {
  return a.name.toUpperCase();
};

function Test3() {
  return 1;
}

Test1({ name: 'John Doe' });
Test2({ name: 'John Doe' });
Test3();

Version: 3.0.3

[lukehaas]

I'm not sure what is incorrect about the formatting here.
However, the formatting rules are under your control via the formatting settings:

[vantm]

I'm not sure what is incorrect about the formatting here. However, the formatting rules are under your control via the formatting settings:

My bad, this issue should be related to highlighting.

[lukehaas]

When you have JSX enabled, angle brackets are treated like JSX components.

[vantm]

Oh, got it! I disabled it, and the errors disappeared. But I think generic arrow functions should work regardless of how we configure the JSX options.