graphql-codegen

APIで受信したデータ型

設定

vscode端末を使用するフォルダで

に移動します.

yarn add graphql 
yarn add @graphql-codegen/cli
yarn add @graphql-codegen/typescript

codegen.yamlファイル

の作成

schema: http://my-graphql-api.com/graphql
documents: './src/**/*.tsx'
generates:
  ./graphql/generated.ts:
    plugins:
      - typescript
      - typescript-operations
      - typescript-react-query
    config:
      fetcher: fetch

上記のコードを繰り返します
schemaセクションはgraphqlアドレスなので、使用するアドレスに変更します.
generate:tsファイルがない場合は、保存先を変更できます.
3.package.json
「スクリプト」セクション

"generate": "graphql-codegen",

追加後

yarn generate

codegen.yaml config

    config:
     typesPrefix: I

に変更した後、名前の前にIを付けます.区別しやすい
types.tsからIMUTIONへ

types.tsでは、imutationから必要な部分(excreateBoard)をコピーします.
自動的にインポートできない場合は、pickというユーティリティタイプを使用できます.

変数のタイプを確認します.