GatsbyJSで Runtime Error「Cannot read property ‘pagetitle’ of undefined」が発生した

経緯

$ gatsby develop で開発サーバを起動したところ、ブラウザでRuntime Error「Cannot read property ‘pagetitle’ of undefined」が表示されてしまいました。

環境

• macOS Big Sur
• gatsby 3.3.0

エラー画面

Runtime Error

解決方法

エラーが生じたファイル（seo.js）を次のように修正しました。

• 修正前

export default function Seo ({ props }) {
return (
　・・・
)
}

• 修正後

export default function Seo ( props ) {
return (
　・・・
)
}

引数を({ props })ではなく、( props ) で渡すことで正常に動作するようです。

おわりに

dataを渡すときは({ data })でちゃんと動くので混同していました。もう少しgatsbyに慣れてきたら、ちゃんと理解して使い分けるようにしたいです。