A minor syntax highlighting issue in Typescript/React documents

[fatih-erikli]

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

• VS Code Version: 1.71.0
• OS Version: Macos 12.0.1

Steps to Reproduce:

1. Create the React component below
2. See the syntax highlighting for the function keyword doesn't work

export const SvgDocument = forwardRef<SVGSVGElement, {
  width: number;
  height: number;
  nodes: NodeData[];
  edges: EdgeData[];
}>(function SvgDocument({ width, height, nodes, edges }, ref) {
// function body

It works fine when you move the type as a separate type definition

type Props = {
  width: number;
  height: number;
  nodes: NodeData[];
  edges: EdgeData[];
};
export const SvgDocument = forwardRef<SVGSVGElement, Props>(function SvgDocument({ width, height, nodes, edges }, ref) {
// function body

I don't know if both they use same library for syntax highligting (feels like they are same) but it seems to be working fine on github, has a minor glitch on vscode.

[sheetalkamat]

This is limitation of the tmLanguage grammar which doesnt let us determine if these are type arguments or expression followed by next variable declaration/binding pattern