posted: 2019/03/03

Gatsbyで同じファイルにStaticQueryを書くとエラーが起きる問題

Gatsbyの <StaticQuery>やuseStaticQuery はクエリを分離出来てGatsbyのGraphQL利用が不透明な部分を解消してくれる良いものだ。

（ホントは全部これで置き換えたいのだが、Staticというだけあって変数を受け取ることが出来ないらしい。。。悲しい・・・）

このBlogでもuseTagQueryという形で使ってみた。

しかしここで落とし穴がある。
同一ファイルに複数のQueryを書くと下記のようなエラーが出るのだ

Multiple "root" queries found in file: "A" and "B". Only the first ("A") will be registered.

これは下記のIssueなどでバグとして報告されている。しばらくは1ファイル1graphqlで我慢するしかなさそうだ
https://github.com/gatsbyjs/gatsby/issues/9580