TSX Default Generic Arrow Function Syntax Highlighting

Does this issue occur when all extensions are disabled?: Yes

• VS Code Version: Version: 1.78.2
• OS Version: Darwin arm64 21.3.0

Related to https://github.com/microsoft/TypeScript/issues/47062
TSC has been updated to successfully parse the below TSX code snippet:

const Component = <T = undefined>(props: PropType<T>) => <p>content</p>

however this currently breaks the syntax highlighting in VSCode's typescriptreact parser.

The same can be said for the trailing comma added by prettier (3.0.3):

const Component = <T = undefined,>(props: PropType<T>) => <p>content</p>

Some short term work-arounds are available:

Using extends

const Component = <T extends unknown = undefined>(props: PropType<T>) => <p>content</p>

Using function syntax

const Component = function<T = undefined>(props: PropType<T>) {
  return <p>content</p>
}

Despite these workarounds, the original code seems syntactically valid, and more concise, so I believe this to be a bug

Tái hiện hai snippet về hàm arrow generic trong VS Code bằng parser typescriptreact và so sánh phần tô sáng của chúng với các ví dụ workaround. Sau đó kiểm tra các tệp grammar TextMate của repository để tìm các quy tắc TypeScript JSX; công việc được xem là hoàn tất khi cả hai dạng hợp lệ đều được tô sáng chính xác mà không gây hồi quy cho các workaround được minh họa.