/Knowledge/sources/honojs__hono/llms-full/jsx-renderer-middleware-userequestcontext--3d38e749b8a7.md
JSX Renderer Middleware: useRequestContext() - hono-docs
JSX Renderer Middleware: useRequestContext() Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt usereques...
JSX Renderer Middleware: useRequestContext()
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#userequestcontext
Summary
useRequestContext() returns an instance of Context. ```tsx import { useRequestContext, jsxRenderer } from 'hono/jsx-renderer' const app = new Hono() app.use(jsxRenderer()) const RequestUrlBadge: FC = () => { const c = useRequestContext...
Content
useRequestContext() returns an instance of Context.
import { useRequestContext, jsxRenderer } from 'hono/jsx-renderer'
const app = new Hono()
app.use(jsxRenderer())
const RequestUrlBadge: FC = () => {
const c = useRequestContext()
return <b>{c.req.url}</b>
}
app.get('/page/info', (c) => {
return c.render(
<div>
You are accessing: <RequestUrlBadge />
</div>
)
})
::: warning
You can't use useRequestContext() with the Deno's precompile JSX option. Use the react-jsx:
"compilerOptions": {
"jsx": "precompile", // [!code --]
"jsx": "react-jsx", // [!code ++]
"jsxImportSource": "hono/jsx"
}
}
:::
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#userequestcontext",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / JSX Renderer Middleware > `useRequestContext()`",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 242,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "JSX Renderer Middleware: useRequestContext()",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki