Adding fragments array to graphql function disables syntax highlighting in VS Code

[DPangerl]

Describe the bug

I have syntax highlighting and formatting for graphql enabled in VS Code. This works with gql.tada without problems. The contents of the graphql function are recognized as graphql and I get completion, suggenstions…

However, as soon as I add the fragment array as second argument, all language features are gone and it renders everything as simple template string.

So this is not recognized as graphql anymore

export const query = graphql(
  `
    query fetchCaseByTransactionPin($transactionPin: Int!) {
      case_byTransactionPin(transactionPin: $transactionPin) {
        id
        ...CaseByTransactionPin
      }
    }
  `,
  [caseByTransactionPinFragment]
);

I use the following extensions for VS Code:

• Graphql: Syntax Highlighting
• Graphql: Language Feature Support

Both from Graphql Foundation and I guess the most used extensions for gql. They do not provide any config to adjust detection, though. So I see no way to make this work.

Reproduction

No response

gql.tada version

v1.2.1

Validations

• I can confirm that this is a bug report, and not a feature request, RFC, question, or discussion, for which GitHub Discussions should be used
• Read the docs.
• Follow our Code of Conduct

[JoviDeCroock]

This is being fixed in graphql/graphiql#3518

[kitten]

Also not a bug in the library itself so closing 😅