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
Edit on Github