/Knowledge/sources/honojs__hono/llms-full/jsx-async-component--4717c2c7f77e.md
JSX: Async Component - hono-docs
JSX: Async Component Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt async component Summary hono/jsx...
JSX: Async Component
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#async-component
Summary
hono/jsx supports an Async Component, so you can use async/await in your component. If you render it with c.html(), it will await automatically. ```tsx const AsyncComponent = async () => { await new Promise((r) => setTimeout(r, 1...
Content
hono/jsx supports an Async Component, so you can use async/await in your component.
If you render it with c.html(), it will await automatically.
const AsyncComponent = async () => {
await new Promise((r) => setTimeout(r, 1000)) // sleep 1s
return <div>Done!</div>
}
app.get('/', (c) => {
return c.html(
<html>
<body>
<AsyncComponent />
</body>
</html>
)
})
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#async-component",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / JSX > Async Component",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 23,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "JSX: Async Component",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki