Implicit "any" type in generated .ts files?

[olalonde]

Getting those errors after generating and trying to compile with typescript:

src/api/graphql/generated/client/gql.ts:5:7 - error TS7034: Variable 'documents' implicitly has type 'any[]' in some locations where its type cannot be determined.

5 const documents = [];
        ~~~~~~~~~

src/api/graphql/generated/client/gql.ts:21:11 - error TS7005: Variable 'documents' implicitly has an 'any[]' type.

21   return (documents as any)[source] ?? {};
             ~~~~~~~~~

My codegen.yaml:

overwrite: true
schema: "./src/api/graphql/schema.graphql"
documents: null
generates:
  ./src/api/graphql/generated/client/:
    preset: "client-preset"
  ./src/api/graphql/generated/graphql.ts:
    plugins:
      - "typescript"
      - "typescript-resolvers"
    config:
      enumsAsConst: true

Is it normal? Any way to get tsc to compile those files?

[saihaj]

it looks like you are not really generating any types for any operations. I mean this is like an edge case cause most times there are types you are generating to the type of documents will always be something

[olalonde]

Right. I realized that his generator required actual queries in the code rather than just the schema, correct?

[n1ru4l]

@olalonde Yes, you need to write query (or mutation or subscription) operations in your code to generate the typings for those, as the type is dependent on a operations selection set.

[basith374]

I was facing the same issue. Naming the queries fixed it for me

[MoDrazzz]

Naming the queries did the job for me too. Thanks for the comment!

[thanix-k]

@MoDrazzz @basith374
Could anyone explain how you renamed the query and it fixed. I am using WPGraphql to generate schema for wordpress and then I generate types.

  schema: process.env.NEXT_PUBLIC_GRAPHQL_URL, // api.wordpress.com/graphql
  generates: {
    "./src/graphql/__generated__/types/": {
      preset: "client",
      plugins: [],
      presetConfig: {
        gqlTagName: "gql",
      },
    },
  },
  ignoreNoDocuments: true,
};

export default config;```

[MoDrazzz]

@thanix-k For me, it looked like this:

useQuery(gql(`query QueryName {
... query content
}`))

It was that easy! Previously, I simply skipped the QueryName and didn't type it at all.