#3810·graphiql

[graphiql] Syntax highlighting breaks with .graphql as a function

Author: MPilandCreated Nov 13, 2024Updated Mar 29, 2026
Labelsbuggraphiql

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

When using amplify's graphql api capabilities, the syntax highlighting for anything past the graphql function stops working properly. See screenshot. You can see where the if after .graphql() is yellow instead of the purple like previous as well as the const following that if is white instead of navy blue.

image

Expected Behavior

This should affect graphql syntax, but not affect other highlighting after using a .graphql() function.

Steps To Reproduce

This is in VS Code Insiders 1.96.0 and I'm also using

Environment

  • GraphiQL Version: N/A
  • OS: Windows 11
  • Browser: N/A
  • Bundler: N/A
  • react Version: 18.2.0
  • graphql Version: N/A
  • aws-amplify Version: 6.6.7

Anything else?

No response