# Guide: Render an On-Chain Component

**Goal:** display a deployed ChainRender component in your web page.

```ts
import { renderComponent } from "@chainrender/client/runtime";

const html = await renderComponent({ rpc: "<your-rpc>", router }, "0x<app-hash>");
document.getElementById("app").innerHTML = html;
```

That single `eth_call` returns the full HTML, computed on-chain. It's free, and reproducible against any RPC.

**Verify it:** render the same hash against a *different* RPC and diff the output — byte-identical. That's the
trust guarantee in action. See **[Contracts → Verifying an App](../contracts/verifying.md)**.