/Knowledge/sources/honojs__hono/llms-full/jsx-propswithchildren--a45b11e4d9f5.md
JSX: PropsWithChildren - hono-docs
JSX: PropsWithChildren Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt propswithchildren Summary You c...
JSX: PropsWithChildren
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#propswithchildren
Summary
You can use PropsWithChildren to correctly infer a child element in a function component. ```tsx import { PropsWithChildren } from 'hono/jsx' type Post = { id: number title: string } function Component({ title, children }: PropsWithChi...
Content
You can use PropsWithChildren to correctly infer a child element in a function component.
import { PropsWithChildren } from 'hono/jsx'
type Post = {
id: number
title: string
}
function Component({ title, children }: PropsWithChildren<Post>) {
return (
<div>
<h1>{title}</h1>
{children}
</div>
)
}
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#propswithchildren",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / JSX > `PropsWithChildren`",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 19,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "JSX: PropsWithChildren",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki