# useRequestContext **Kind:** Function **Source:** [`src/middleware/jsx-renderer/index.ts`](https://github.com/honojs/hono/blob/main/src/middleware/jsx-renderer/index.ts#L153) **Part of:** [Middleware](subsystem-src-middleware) useRequestContext for Hono. `useRequestContext` returns the current Hono request context inside a JSX component rendered by the JSX renderer middleware. Use it to read request data, headers, parameters, and environment bindings while generating JSX output. ## Signature ```ts function useRequestContext(): Context ``` **Returns:** `Context` ## Diagram ```mermaid graph LR Request[Incoming request] --> Renderer[JSX renderer middleware] Renderer --> Component[JSX component] Component --> Hook[useRequestContext] Hook --> Context[Hono Context] ``` ## Usage ```tsx import { Hono } from 'hono' import { jsxRenderer, useRequestContext } from 'hono/jsx-renderer' const app = new Hono() const RequestInfo = () => { const c = useRequestContext() return (

{c.req.method} {c.req.path}

Request ID: {c.req.header('x-request-id') ?? 'not provided'}

) } app.get( '*', jsxRenderer(({ children }) => ( {children} )) ) app.get('/', (c) => c.render()) ``` ## AI Coding Instructions - Call `useRequestContext` only while rendering a JSX component under `jsxRenderer`. - Read request values through the returned Hono context, such as `c.req.path`, `c.req.param()`, and `c.req.header()`. - Do not pass the request context through component props when the component can access it with this hook. - Keep request-dependent rendering inside components that run during the current request.