ちょっとハマったので、自分のメモ用。以下のissueにかかれていたことを元にして解決。 github.com上記の内容をカスタムフックにラップすればOK const { loading, data, error } = useQuery(SOME_QUERY) const [state, setState] = React.useState([]) React…

GraphQL Code Generatorとは、GraphQLのスキーマからTypeScriptの型定義ファイルを作成することができるツール。テスト環境はNext.js + TypeScript + Apollo + GraphQL Code Generator + Hasuraの構成する。CSRでGraphQLリクエストはせず、SSRとSSG内でのみG…

下記のページを参考に設定 Guides: Visual Studio Code Setup | Hasura GraphQL Docs インストール まずはVSCodeにプラグインのインストール Apollo GraphQL - Visual Studio Marketplaceこのプラグインを入れるとGraphQLにシンタックスハイライトがつき、Gr…