# `Error: Objects are not valid as a React child (found: object with keys {…})`

**Where it appears:** Browser

**What it means:** A component tried to print an entire data object or a raw `Date` directly on the page instead of a piece of text or a number.

## Likely causes

- Writing `{user}` or `{createdAt}` in JSX instead of `{user.name}` or a formatted date string.
- Forgetting `await` on an async function, so a Promise object is passed into the JSX.

## Message for your agent

```text
The page shows `Objects are not valid as a React child`. Find which component renders an object or Date directly in JSX and format it as text.
```

**Prevention:** Type-check with TypeScript (`npm run typecheck` or `tsc --noEmit`) before previewing changes.

---
Source: [Agentic Makers](https://agenticmakers.app/en/help/errors/objects-are-not-valid-as-a-react-child) · License: CC BY 4.0