生活の跡

個人的な備忘録

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

エラー画面

f:id:ishii-akihiro:20210418153302p:plain
Runtime Error

解決方法

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

  • 修正前
export default function Seo ({ props }) {
  return (
   ・・・
  )
}
  • 修正後
export default function Seo ( props ) {
  return (
   ・・・
  )
}

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

おわりに

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