Gatsbyで Objects are not valid as a React child (found: [object Promise]). の対処法

僕の結論: default exportする関数にasyncをつけない。

Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

gatsbyでは/src/pages/hoge.jsxでReactの関数コンポーネントをdefault exportする必要がある。

import React from "react"

export default function Hoge(){
  return <div>Hello</div>
}

関数コンポーネント内でawaitを使いたいがために、export default async function Hoge() { ...としてしまうと、本来exportすべき関数コンポーネントではなく関数コンポーネントのPromseをexportしていることになるので、上記のエラーが発生する。