/Knowledge/sources/honojs__hono/llms-full/client-components-the-hono-jsx-dom-runtime--9a6e11cd66c0.md
Client Components: The hono/jsx/dom runtime - hono-docs
Client Components: The hono/jsx/dom runtime Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt the hono j...
Client Components: The hono/jsx/dom runtime
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#the-hono-jsx-dom-runtime
Summary
There is a small JSX Runtime for Client Components. Using this will result in smaller bundled results than using hono/jsx. Specify hono/jsx/dom in tsconfig.json. For Deno, modify the deno.json. ```json { "compilerOptions": { "jsx":...
Content
There is a small JSX Runtime for Client Components. Using this will result in smaller bundled results than using hono/jsx. Specify hono/jsx/dom in tsconfig.json. For Deno, modify the deno.json.
{
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "hono/jsx/dom"
}
}
Alternatively, you can specify hono/jsx/dom in the esbuild transform options in vite.config.ts.
import { defineConfig } from 'vite'
export default defineConfig({
esbuild: {
jsxImportSource: 'hono/jsx/dom',
},
})
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#the-hono-jsx-dom-runtime",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Client Components > The `hono/jsx/dom` runtime",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 96,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Client Components: The hono/jsx/dom runtime",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki