Encountering Unhandled Runtime ErrorError: Objects are not valid as a React child
Unanswered
Argente Brun posted this in #help-forum
Argente BrunOP
I was working on a project and it suddenly shows up the error Unhandled Runtime Error
Error: Objects are not valid as a React child (found: object with keys {grade, subject, user_input, output, chapter}). If you meant to render a collection of children, use an array instead.
components\withAuth.js (72:12) @ ProtectedComponent
70 | if (loading) return <div>Loading...</div>;
71 |
73 | };
74 | };
75 |
Call Stack
16
Show 13 ignore-listed frames
ProtectedComponent
components\withAuth.js (72:12)
StudentPage
app\student\page.js (102:41)
ProtectedComponent
components\withAuth.js (72:12)
I had tried many things but nothing works so far. Can someone tell me where is the problem or how can I fix it. I can post more codes but it will increase the length of question unnecessarily.
Error: Objects are not valid as a React child (found: object with keys {grade, subject, user_input, output, chapter}). If you meant to render a collection of children, use an array instead.
components\withAuth.js (72:12) @ ProtectedComponent
70 | if (loading) return <div>Loading...</div>;
71 |
72 | return <WrappedComponent {...props} user={user} />;| ^
73 | };
74 | };
75 |
Call Stack
16
Show 13 ignore-listed frames
ProtectedComponent
components\withAuth.js (72:12)
StudentPage
app\student\page.js (102:41)
ProtectedComponent
components\withAuth.js (72:12)
I had tried many things but nothing works so far. Can someone tell me where is the problem or how can I fix it. I can post more codes but it will increase the length of question unnecessarily.