Any way to navigate from generated React hook to original query (in VS Code)?

[ianjsikes]

In my project, I have a folder full of .gql files that are inputs to the code generator. For example:

# gql/user.gql

query GetUser {
  user {
    id
    name
  }
}

Using the typescript-react-apollo plugin, this will generate a hook called useGetUserQuery():

// screens/MyScreen.tsx

import { useGetUserQuery } from "../graphql.ts" // <- This is the codegen output file

const MyScreen = () => {
  const { data } = useGetUserQuery();
  ...
}

My question: Is there any way (maybe an extension or something) to easily navigate from the generated hook back to the original query? I'm imagining like the "Go To Definition" action when I click on the hook, but it instead takes me back to the gql/user.gql file.

I don't think this is currently possible, but I just wanted to check before I jump into the rabbit hole of making my own extension.