# NotionRenderer

> Props of the component that renders Notion blocks.

```typescript
import { NotionRenderer } from "notionic"
```

| Prop | Type | Description |
| --- | --- | --- |
| `blocks` | `NotionBlock[]` | Blocks from the Notion API, with nested blocks as `children`, as `fetchBlocks` returns them. |
| `components` | `BlockComponents` | Replacement components, by block type, plus `inline_equation` and `demo` (the frame around demos). |
| `pageHref` | `(pageId: string) => string \| null` | Where links to Notion pages point. Defaults to [notion.so](http://notion.so/). |
| `transformFileUrl` | `(file: { blockId: string; url: string }) => string` | Rewrites URLs of files uploaded to Notion, which expire after an hour. External URLs aren't passed through it. |
| `demos` | `Record<string, ComponentType<DemoProps>>` | Your demo components, by name. An embed of a URL ending in `/demos/<name>` renders one in its place. |
| `className` | `string` | Classes for the root element. |

It works as a Server Component and ships no client JavaScript of its own; demos ship theirs. Unsupported blocks render nothing, with a warning in development.