GatsbyJS + Vercel で Error: The result of this StaticQuery could not be fetched.
Keita Mori（ふぉれ）GatsbyJSで作ってるサイトを少し改修してVercelに上げてアクセスしたら以下のエラー。
プライベートモードで閲覧すると表示されるのでキャッシュ周りでなにか起きてる？しかしGatsbyJS + Vercelで必要なキャッシュ周りの設定はやってある。
framework-dbb498007a7447f28d8e.js:2 Error: The result of this StaticQuery could not be fetched.
This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues
at d (app-10473d2fc923c46f95b5.js:2)
at d (component---src-pages-index-js-52684dbc52eef90dddb4.js:1)
at Ki (framework-dbb498007a7447f28d8e.js:2)
at vo (framework-dbb498007a7447f28d8e.js:2)
at cu (framework-dbb498007a7447f28d8e.js:2)
at ou (framework-dbb498007a7447f28d8e.js:2)
at Zo (framework-dbb498007a7447f28d8e.js:2)
at qo (framework-dbb498007a7447f28d8e.js:2)
at Du (framework-dbb498007a7447f28d8e.js:2)
at framework-dbb498007a7447f28d8e.js:2
GatsbyJSに怪しいIssue発見。
useStaticQuery は信用してはならないとか言ってる人いる。そんなことある？ｗ
StaticQuery コンポーネントで実装しなおしてみる。
Keita Mori（ふぉれ）実装してみたがダメそう。
別の問題だけどこちらの記事に試行錯誤した記録があるので見てみる。
Keita Mori（ふぉれ）この記事の内容で試してみても解決しないので、もう一度上のIssueを細かく見直す。
gatsbyやgatsby-plugin-offlineが怪しいらしいのでバージョンを上げてみる。
今気づいたけどこの1年ほどでgatsbyはv2からv4までバージョンが上がってるみたいでその速さに圧倒される。しかもv2は2021年4月でサポート終わってるらしい。近々、自分のサイトもバージョン上げておかないと。。ペライチページだから問題は少ないと思うけど、腰が重い。
で、バージョン上げてもダメ。
ちなみにひとつのブラウザだけダメで、プライバシーモードとか別アカウントでログインしてるブラウザとか、スマホ、別PCは全部大丈夫というところに立ち戻ってみる。やはり単純にキャッシュだろこれ。おかしくなってるブラウザだけキャッシュが壊れてる、絶対。
ってところで、gatsby-plugin-offline経由でこの記事を発見。上で試行錯誤されてた方の別記事だ。。ハードリフレッシュしてもダメだから困ってたけど、ブラウザのローカルストレージは気にしてなかった。ので、早速消してみる。直った！！！
そこは盲点だった。アクセス多くないサイトだし、自分の身にしかこの問題は起きてないことを願う。見れないって報告入ったらそのときまた考えよう。
GatsbyJSは躓きポイントが多くて、現時点では仕事ではちょっと使う気になれないなぁ。