React
Objects are not valid as a React child
Objects are not valid as a React child.
React attempted to render a JavaScript object directly instead of a renderable value like a string, number, or element.
Error AtlasError Documentation and ResolutionObserved message
Objects are not valid as a React child.
Why it happens
- An object was passed directly into JSX.
- API response data was rendered without transformation.
- A component returned an object instead of JSX.
- Incorrect destructuring of props or state.
How to fix it
- Render specific object properties instead of the whole object.
- Convert objects to strings using JSON.stringify if debugging.
- Ensure components return valid JSX.
- Map arrays to elements instead of passing raw objects.
Official reference
React Docs: Rendering ElementsRelated errors
Explore more