NextCRM is a CRM build on top of the latest Next.JS 14. using TypeScript, great UI library shadcn, Prisma and MongoDB as a database. Uploadthings as a S3 blob for document storage.
Just after going thru the set up steps, and attempt the first user login I had the following error displayed and could´t continue testing the app:
Unhandled Runtime Error
Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
Steps to reproduce
Install the app following the getting started steps
Run the application using the next dev command
The log in-register screen is displayed
I create a user successfully
After log-in the following error is shown
Unhandled Runtime Error
Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
Call Stack
throwOnInvalidObjectType
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (8884:0)
reconcileChildFibersImpl
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9891:0)
reconcileChildFibers
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9912:0)
reconcileChildren
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (15627:0)
updateHostComponent$1
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (16589:0)
beginWork$1
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (18427:0)
beginWork
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (26791:0)
performUnitOfWork
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25637:0)
workLoopSync
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25353:0)
renderRootSync
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25308:0)
performConcurrentWorkOnRoot
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (24432:0)
workLoop
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (256:0)
flushWork
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (225:0)
performWorkUntilDeadline
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (534:0)
This happens in different environments: Windows, Linux, etc
### Browsers
Chrome, Firefox
### Additional context (Is this in dev or production?)
_No response_
Describe the bug
Just after going thru the set up steps, and attempt the first user login I had the following error displayed and could´t continue testing the app:
Steps to reproduce
Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead. Call Stack throwOnInvalidObjectType (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (8884:0) reconcileChildFibersImpl (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9891:0) reconcileChildFibers (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9912:0) reconcileChildren (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (15627:0) updateHostComponent$1 (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (16589:0) beginWork$1 (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (18427:0) beginWork (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (26791:0) performUnitOfWork (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25637:0) workLoopSync (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25353:0) renderRootSync (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25308:0) performConcurrentWorkOnRoot (app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (24432:0) workLoop (app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (256:0) flushWork (app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (225:0) performWorkUntilDeadline (app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (534:0)