/Knowledge/sources/honojs__hono/llms-full/jsx-settings--96f5d9ac27a1.md
JSX: Settings - hono-docs
JSX: Settings Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt settings Summary To use JSX, modify the...
JSX: Settings
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#settings
Summary
To use JSX, modify the tsconfig.json: tsconfig.json: json { "compilerOptions": { "jsx": "react-jsx", "jsxImportSource": "hono/jsx" } } Alternatively, use the pragma directives: ```ts /** @jsx jsx / /* @jsxImportSource hono/j...
Content
To use JSX, modify the tsconfig.json:
tsconfig.json:
{
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "hono/jsx"
}
}
Alternatively, use the pragma directives:
/** @jsx jsx */
/** @jsxImportSource hono/jsx */
For Deno, you have to modify the deno.json instead of the tsconfig.json:
{
"compilerOptions": {
"jsx": "precompile",
"jsxImportSource": "@hono/hono/jsx"
}
}
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#settings",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / JSX > Settings",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 15,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "JSX: Settings",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki