修復“物件無法用作 React 子元素”的錯誤

我在一個 React（Next.js）應用程式中遇到了這個錯誤：

1 2	錯誤：物件無法用作 React 子元素（找到：[object Promise]）。如果您要渲染一個子元素集合，請改用陣列。

在花了一些時間嘗試弄清楚錯誤是什麼意思後，我發現原來是因為我將頁面組件導出為 async，這是因為我從另一個使用 app 資料夾的 Next.js 專案中複製的。在 app 資料夾中可以這麼做，但在 pages 資料夾中不行。

刪除 async 後問題解決了：

1
2
3

export default function Page() {

}

tags: [“React”, “Next.js”, “error handling”]