Why generated query types has lots of ANY

[davidbourrel]

Hi !

My problem

The generated query types in graphql.ts has so many any types.

Description

The backend generate a schema.graphqls file tant contains everything. I put this file on the root in the project.

I use it in a React project with Apollo client.

For example :

• meshmaxlength is float8! in the schema.graphqls
• meshmaxlength is Scalars['float8']['output'] in the graphql.ts file for types
• BUT in the generate query I have meshmaxlength: any;

My Query

import { gql } from '@/types/graphql/_generated_';

export const FindProgRByIdQuery = gql(`
  query FindProgRByIdQuery($progRId: String) {
    mapsProgr(where: {id: {_eq: $progRId}}) {
      id
      name
      status
      priority
      meshmaxlength
      validityperiods {
        start
        end
      }
      ... 
    }
  }
`);
export type ProgRById = FindProgRByIdQueryQuery['mapsProgr'][0];

Codegen config

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  overwrite: true,
  schema: 'http://localhost:5173/schema.graphqls',
  documents: ['src/**/*.{ts,tsx}'],
  generates: {
    './src/types/graphql/_generated_/': {
      preset: 'client',
      plugins: [],
      presetConfig: {
        gqlTagName: 'gql',
        // Rename useFragment to getFragmentData for ESLint error
        fragmentMasking: { unmaskFunctionName: 'getFragmentData' },
      },
    },
  },
  ignoreNoDocuments: true,
};

export default config;

The generated query

export type FindProgRByIdQueryQuery = { __typename?: 'query_root', mapsProgr: Array<{ __typename?: 'MapsProgr', id: string, name: string, status: MapsProgrstatusEnum, submissiondate: any, priority: string, meshmaxlength: any, skybrightnessthreshold?: any | null, solaranglethreshold?: any | null, userorderId: number, areaofinterest?: any | null, validityperiods: Array<{ __typename?: 'MapsValidityperiod', start: any, end: any }>, satellites: Array<{ __typename?: 'MapsProgrsatellites', satellite: any }>, visibilityconstraints: Array<{ __typename?: 'MapsVisibilityconstraints', maxazimuth?: any | null, maxelevation?: any | null, minazimuth?: any | null, minelevation?: any | null, psixmax?: any | null, psixmin?: any | null, psixymax?: any | null, psiymax?: any | null, psiymin?: any | null, type: MapsVisibilityconstraintstypesEnum }>, meshaimings: Array<{ __typename?: 'MapsMeshaiming', ascending?: boolean | null, azimuth?: any | null, type: MapsMeshaimingtypesEnum }>, userorder: { __typename?: 'MapsUserorder', id: string, name?: string | null } }> };

Dependencies

"@graphql-codegen/cli": "^5.0.2",
"@graphql-codegen/client-preset": "^4.2.5",

Why there is so many ANY in the FindProgRByIdQueryQuery ?

The problem is probably from me but I really don't know where ! I need your help :D

Thank you

[ardatan]

You have to define the types of scalars by yourself.
https://the-guild.dev/graphql/codegen/plugins/typescript/typescript-operations#scalars

[davidbourrel]

Thank you so much !