[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-react-rendering":3,"mdc-8253ig-key":36,"related-repo-tanstack-react-rendering":4349,"related-org-tanstack-react-rendering":4422},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"react-rendering","render Markdown in React applications","Render Markdown source or a MarkdownDocument with @tanstack\u002Fmarkdown\u002Freact using Markdown, renderMarkdownReact, component replacements, and React static SSR. Load for React article components, emitted-tag mappings, pre-parsed documents, custom elements, or renderer parity.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"React","react","tag",{"name":17,"slug":18,"type":15},"Markdown","markdown",{"name":20,"slug":21,"type":15},"SSR","ssr",{"name":23,"slug":24,"type":15},"Frontend","frontend",9,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fmarkdown","2026-07-26T06:08:52.566102",null,0,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"Tiny, fast Markdown parsing and rendering for blogs and documentation","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fmarkdown\u002Ftree\u002FHEAD\u002Fskills\u002Freact-rendering","---\nname: 'react-rendering'\ndescription: >\n Render Markdown source or a MarkdownDocument with @tanstack\u002Fmarkdown\u002Freact\n using Markdown, renderMarkdownReact, component replacements, and React static\n SSR. Load for React article components, emitted-tag mappings, pre-parsed\n documents, custom elements, or renderer parity.\nmetadata:\n type: framework\n library: '@tanstack\u002Fmarkdown'\n framework: 'react'\n library_version: '0.0.12'\nrequires:\n - 'render-markdown'\nsources:\n - 'TanStack\u002Fmarkdown:docs\u002Fguides\u002Freact.md'\n - 'TanStack\u002Fmarkdown:docs\u002Freference\u002Freact.md'\n - 'TanStack\u002Fmarkdown:docs\u002Fguides\u002Fextensions.md'\n - 'TanStack\u002Fmarkdown:docs\u002Fcore-concepts\u002Fsecurity.md'\n - 'TanStack\u002Fmarkdown:src\u002Freact.ts'\n - 'TanStack\u002Fmarkdown:tests\u002Fssr-react.test.tsx'\n---\n\nThis skill builds on [render-markdown](..\u002Frender-markdown\u002FSKILL.md). Read it first for the syntax profile, parser options, AST, and core trust boundaries.\n\n# React Rendering\n\n## Setup\n\nRender source directly and keep the surrounding semantic element in the application:\n\n```tsx\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function Article({ source }: { source: string }) {\n return (\n \u003Carticle>\n \u003CMarkdown>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n```\n\n`Markdown` returns a React fragment. The React adapter requires React 18 or newer.\n\n## Hooks and Components\n\n### Replace emitted links with an application component\n\n```tsx\nimport {\n Markdown,\n type MarkdownComponents,\n} from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst components = {\n a(props) {\n const external = props.href?.startsWith('http') ?? false\n return (\n \u003Ca\n {...props}\n rel={external ? 'nofollow noopener noreferrer' : props.rel}\n target={external ? '_blank' : props.target}\n \u002F>\n )\n },\n} satisfies MarkdownComponents\n\nexport function Article({ source }: { source: string }) {\n return (\n \u003Carticle>\n \u003CMarkdown components={components}>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n```\n\nKnown intrinsic keys infer their matching React props. Arbitrary extension component tag names remain supported.\n\n### Parse once before repeated React rendering\n\n```tsx\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst document = parseMarkdown('# Cached article\\n\\nRendered from an AST.')\n\nexport function Article() {\n return (\n \u003Carticle>\n \u003CMarkdown>{document}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n```\n\nApply parser options and document transforms when creating the document; renderer options cannot retroactively change its structure.\n\n### Render static React markup on the server\n\n```tsx\nimport { renderToStaticMarkup } from 'react-dom\u002Fserver'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst source = '# Server-rendered article'\n\nexport const html = renderToStaticMarkup(\n \u003Carticle>\n \u003CMarkdown>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>,\n)\n```\n\nCore static output is tested for structural equivalence with `renderHtml()`.\n\n### Compose through the lower-level node API\n\n```tsx\nimport type { ReactNode } from 'react'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { renderMarkdownReact } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst document = parseMarkdown('# Parsed once')\n\nexport function ArticleBody(): ReactNode {\n return renderMarkdownReact(document)\n}\n```\n\nUse `renderBlockReact` or `renderInlineReact` only when custom tree composition needs individual public AST nodes.\n\n## Common Mistakes\n\n### HIGH Injecting HTML instead of React nodes\n\nWrong:\n\n```tsx\nimport { renderHtml } from '@tanstack\u002Fmarkdown'\n\nexport function Article({ source }: { source: string }) {\n const html = renderHtml(source)\n return \u003Carticle dangerouslySetInnerHTML={{ __html: html }} \u002F>\n}\n```\n\nCorrect:\n\n```tsx\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function Article({ source }: { source: string }) {\n return (\n \u003Carticle>\n \u003CMarkdown>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n```\n\nThe HTML-string path bypasses React component replacement and creates an unnecessary trusted-HTML boundary.\n\nSource: `docs\u002Fguides\u002Freact.md`\n\n### HIGH Mapping AST node names instead of tags\n\nWrong:\n\n```tsx\nimport type { ComponentProps } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nfunction ArticleLink(props: ComponentProps\u003C'a'>) {\n return \u003Ca {...props} data-navigation=\"article\" \u002F>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown components={{ link: ArticleLink }}>\n {'Read the [guide](\u002Fguide).'}\n \u003C\u002FMarkdown>\n )\n}\n```\n\nCorrect:\n\n```tsx\nimport type { ComponentProps } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nfunction ArticleLink(props: ComponentProps\u003C'a'>) {\n return \u003Ca {...props} data-navigation=\"article\" \u002F>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown components={{ a: ArticleLink }}>\n {'Read the [guide](\u002Fguide).'}\n \u003C\u002FMarkdown>\n )\n}\n```\n\nThe map is keyed by emitted tag names such as `a`, not AST discriminants such as `link`.\n\nSource: `docs\u002Fguides\u002Freact.md`\n\n### HIGH Expecting HTML extension hooks in React\n\nWrong:\n\n```tsx\nimport type { MarkdownExtension } from '@tanstack\u002Fmarkdown'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst paragraphHtml: MarkdownExtension = {\n name: 'paragraph-html',\n renderHtml(node) {\n return node.type === 'paragraph'\n ? '\u003Caside>Rendered only by the HTML renderer\u003C\u002Faside>'\n : undefined\n },\n}\n\nexport function Article() {\n return \u003CMarkdown extensions={[paragraphHtml]}>Ordinary content\u003C\u002FMarkdown>\n}\n```\n\nCorrect:\n\n```tsx\nimport type { MarkdownExtension } from '@tanstack\u002Fmarkdown'\nimport type { PropsWithChildren } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst panelExtension: MarkdownExtension = {\n name: 'panel',\n transformDocument(document) {\n return {\n ...document,\n children: [\n {\n type: 'component',\n name: 'panel',\n tagName: 'doc-panel',\n attributes: {},\n children: document.children,\n },\n ],\n }\n },\n}\n\nfunction Panel({ children }: PropsWithChildren) {\n return \u003Caside className=\"documentation-panel\">{children}\u003C\u002Faside>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown\n components={{ 'doc-panel': Panel }}\n extensions={[panelExtension]}\n >\n Ordinary content\n \u003C\u002FMarkdown>\n )\n}\n```\n\n`MarkdownExtension.renderHtml` is HTML-specific; portable custom output uses `ComponentNode` and an emitted-tag component mapping.\n\nSource: `docs\u002Fguides\u002Fextensions.md`\n\n### CRITICAL Enabling raw HTML for untrusted input\n\nWrong:\n\n```tsx\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function UserPost({ source }: { source: string }) {\n return \u003CMarkdown allowHtml>{source}\u003C\u002FMarkdown>\n}\n```\n\nCorrect:\n\n```tsx\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function UserPost({ source }: { source: string }) {\n return \u003CMarkdown>{source}\u003C\u002FMarkdown>\n}\n```\n\nWith `allowHtml`, React uses `dangerouslySetInnerHTML`; TanStack Markdown does not sanitize that raw HTML.\n\nSource: `docs\u002Fcore-concepts\u002Fsecurity.md`\n\n### HIGH Tension: renderer parity versus React customization\n\nCore React SSR is tested against `renderHtml()`. React component replacements, raw HTML, highlighter output, and HTML-only extension hooks are application-controlled boundaries outside that parity guarantee.\n\nSee also: [custom-extensions](..\u002Fcustom-extensions\u002FSKILL.md) for portable `ComponentNode` output.\n\n## Cross-References\n\n- [render-markdown](..\u002Frender-markdown\u002FSKILL.md) - shared `MarkdownInput`, parser options, AST behavior, and syntax profile.\n- [custom-extensions](..\u002Fcustom-extensions\u002FSKILL.md) - emit custom tags that React can replace through `components`.\n- [production-pipelines](..\u002Fproduction-pipelines\u002FSKILL.md) - audit raw HTML, highlighter output, untrusted content, and SSR boundaries.\n",{"data":37,"body":51},{"name":4,"description":6,"metadata":38,"requires":42,"sources":44},{"type":39,"library":40,"framework":14,"library_version":41},"framework","@tanstack\u002Fmarkdown","0.0.12",[43],"render-markdown",[45,46,47,48,49,50],"TanStack\u002Fmarkdown:docs\u002Fguides\u002Freact.md","TanStack\u002Fmarkdown:docs\u002Freference\u002Freact.md","TanStack\u002Fmarkdown:docs\u002Fguides\u002Fextensions.md","TanStack\u002Fmarkdown:docs\u002Fcore-concepts\u002Fsecurity.md","TanStack\u002Fmarkdown:src\u002Freact.ts","TanStack\u002Fmarkdown:tests\u002Fssr-react.test.tsx",{"type":52,"children":53},"root",[54,70,76,83,88,330,340,346,353,926,931,937,1193,1198,1204,1427,1439,1445,1677,1698,1704,1710,1715,1900,1905,2090,2095,2106,2112,2116,2456,2460,2786,2805,2814,2820,2824,3171,3175,3887,3906,3916,3922,3926,4074,4078,4220,4241,4251,4257,4269,4289,4295,4343],{"type":55,"tag":56,"props":57,"children":58},"element","p",{},[59,62,68],{"type":60,"value":61},"text","This skill builds on ",{"type":55,"tag":63,"props":64,"children":66},"a",{"href":65},"..\u002Frender-markdown\u002FSKILL.md",[67],{"type":60,"value":43},{"type":60,"value":69},". Read it first for the syntax profile, parser options, AST, and core trust boundaries.",{"type":55,"tag":71,"props":72,"children":73},"h1",{"id":4},[74],{"type":60,"value":75},"React Rendering",{"type":55,"tag":77,"props":78,"children":80},"h2",{"id":79},"setup",[81],{"type":60,"value":82},"Setup",{"type":55,"tag":56,"props":84,"children":85},{},[86],{"type":60,"value":87},"Render source directly and keep the surrounding semantic element in the application:",{"type":55,"tag":89,"props":90,"children":95},"pre",{"className":91,"code":92,"language":93,"meta":94,"style":94},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function Article({ source }: { source: string }) {\n return (\n \u003Carticle>\n \u003CMarkdown>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n","tsx","",[96],{"type":55,"tag":97,"props":98,"children":99},"code",{"__ignoreMap":94},[100,150,160,227,241,260,296,313,322],{"type":55,"tag":101,"props":102,"children":105},"span",{"class":103,"line":104},"line",1,[106,112,118,124,129,134,139,145],{"type":55,"tag":101,"props":107,"children":109},{"style":108},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[110],{"type":60,"value":111},"import",{"type":55,"tag":101,"props":113,"children":115},{"style":114},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[116],{"type":60,"value":117}," {",{"type":55,"tag":101,"props":119,"children":121},{"style":120},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[122],{"type":60,"value":123}," Markdown",{"type":55,"tag":101,"props":125,"children":126},{"style":114},[127],{"type":60,"value":128}," }",{"type":55,"tag":101,"props":130,"children":131},{"style":108},[132],{"type":60,"value":133}," from",{"type":55,"tag":101,"props":135,"children":136},{"style":114},[137],{"type":60,"value":138}," '",{"type":55,"tag":101,"props":140,"children":142},{"style":141},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[143],{"type":60,"value":144},"@tanstack\u002Fmarkdown\u002Freact",{"type":55,"tag":101,"props":146,"children":147},{"style":114},[148],{"type":60,"value":149},"'\n",{"type":55,"tag":101,"props":151,"children":153},{"class":103,"line":152},2,[154],{"type":55,"tag":101,"props":155,"children":157},{"emptyLinePlaceholder":156},true,[158],{"type":60,"value":159},"\n",{"type":55,"tag":101,"props":161,"children":163},{"class":103,"line":162},3,[164,169,175,181,186,192,197,201,206,211,217,222],{"type":55,"tag":101,"props":165,"children":166},{"style":108},[167],{"type":60,"value":168},"export",{"type":55,"tag":101,"props":170,"children":172},{"style":171},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[173],{"type":60,"value":174}," function",{"type":55,"tag":101,"props":176,"children":178},{"style":177},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[179],{"type":60,"value":180}," Article",{"type":55,"tag":101,"props":182,"children":183},{"style":114},[184],{"type":60,"value":185},"({",{"type":55,"tag":101,"props":187,"children":189},{"style":188},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[190],{"type":60,"value":191}," source",{"type":55,"tag":101,"props":193,"children":194},{"style":114},[195],{"type":60,"value":196}," }:",{"type":55,"tag":101,"props":198,"children":199},{"style":114},[200],{"type":60,"value":117},{"type":55,"tag":101,"props":202,"children":204},{"style":203},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[205],{"type":60,"value":191},{"type":55,"tag":101,"props":207,"children":208},{"style":114},[209],{"type":60,"value":210},":",{"type":55,"tag":101,"props":212,"children":214},{"style":213},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[215],{"type":60,"value":216}," string",{"type":55,"tag":101,"props":218,"children":219},{"style":114},[220],{"type":60,"value":221}," })",{"type":55,"tag":101,"props":223,"children":224},{"style":114},[225],{"type":60,"value":226}," {\n",{"type":55,"tag":101,"props":228,"children":230},{"class":103,"line":229},4,[231,236],{"type":55,"tag":101,"props":232,"children":233},{"style":108},[234],{"type":60,"value":235}," return",{"type":55,"tag":101,"props":237,"children":238},{"style":203},[239],{"type":60,"value":240}," (\n",{"type":55,"tag":101,"props":242,"children":244},{"class":103,"line":243},5,[245,250,255],{"type":55,"tag":101,"props":246,"children":247},{"style":114},[248],{"type":60,"value":249}," \u003C",{"type":55,"tag":101,"props":251,"children":252},{"style":203},[253],{"type":60,"value":254},"article",{"type":55,"tag":101,"props":256,"children":257},{"style":114},[258],{"type":60,"value":259},">\n",{"type":55,"tag":101,"props":261,"children":263},{"class":103,"line":262},6,[264,269,273,278,283,288,292],{"type":55,"tag":101,"props":265,"children":266},{"style":114},[267],{"type":60,"value":268}," \u003C",{"type":55,"tag":101,"props":270,"children":271},{"style":213},[272],{"type":60,"value":17},{"type":55,"tag":101,"props":274,"children":275},{"style":114},[276],{"type":60,"value":277},">{",{"type":55,"tag":101,"props":279,"children":280},{"style":120},[281],{"type":60,"value":282},"source",{"type":55,"tag":101,"props":284,"children":285},{"style":114},[286],{"type":60,"value":287},"}\u003C\u002F",{"type":55,"tag":101,"props":289,"children":290},{"style":213},[291],{"type":60,"value":17},{"type":55,"tag":101,"props":293,"children":294},{"style":114},[295],{"type":60,"value":259},{"type":55,"tag":101,"props":297,"children":299},{"class":103,"line":298},7,[300,305,309],{"type":55,"tag":101,"props":301,"children":302},{"style":114},[303],{"type":60,"value":304}," \u003C\u002F",{"type":55,"tag":101,"props":306,"children":307},{"style":203},[308],{"type":60,"value":254},{"type":55,"tag":101,"props":310,"children":311},{"style":114},[312],{"type":60,"value":259},{"type":55,"tag":101,"props":314,"children":316},{"class":103,"line":315},8,[317],{"type":55,"tag":101,"props":318,"children":319},{"style":203},[320],{"type":60,"value":321}," )\n",{"type":55,"tag":101,"props":323,"children":324},{"class":103,"line":25},[325],{"type":55,"tag":101,"props":326,"children":327},{"style":114},[328],{"type":60,"value":329},"}\n",{"type":55,"tag":56,"props":331,"children":332},{},[333,338],{"type":55,"tag":97,"props":334,"children":336},{"className":335},[],[337],{"type":60,"value":17},{"type":60,"value":339}," returns a React fragment. The React adapter requires React 18 or newer.",{"type":55,"tag":77,"props":341,"children":343},{"id":342},"hooks-and-components",[344],{"type":60,"value":345},"Hooks and Components",{"type":55,"tag":347,"props":348,"children":350},"h3",{"id":349},"replace-emitted-links-with-an-application-component",[351],{"type":60,"value":352},"Replace emitted links with an application component",{"type":55,"tag":89,"props":354,"children":356},{"className":91,"code":355,"language":93,"meta":94,"style":94},"import {\n Markdown,\n type MarkdownComponents,\n} from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst components = {\n a(props) {\n const external = props.href?.startsWith('http') ?? false\n return (\n \u003Ca\n {...props}\n rel={external ? 'nofollow noopener noreferrer' : props.rel}\n target={external ? '_blank' : props.target}\n \u002F>\n )\n },\n} satisfies MarkdownComponents\n\nexport function Article({ source }: { source: string }) {\n return (\n \u003Carticle>\n \u003CMarkdown components={components}>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n",[357],{"type":55,"tag":97,"props":358,"children":359},{"__ignoreMap":94},[360,371,384,401,425,432,454,481,558,570,583,600,659,714,723,732,741,759,767,819,831,847,894,910,918],{"type":55,"tag":101,"props":361,"children":362},{"class":103,"line":104},[363,367],{"type":55,"tag":101,"props":364,"children":365},{"style":108},[366],{"type":60,"value":111},{"type":55,"tag":101,"props":368,"children":369},{"style":114},[370],{"type":60,"value":226},{"type":55,"tag":101,"props":372,"children":373},{"class":103,"line":152},[374,379],{"type":55,"tag":101,"props":375,"children":376},{"style":120},[377],{"type":60,"value":378}," Markdown",{"type":55,"tag":101,"props":380,"children":381},{"style":114},[382],{"type":60,"value":383},",\n",{"type":55,"tag":101,"props":385,"children":386},{"class":103,"line":162},[387,392,397],{"type":55,"tag":101,"props":388,"children":389},{"style":108},[390],{"type":60,"value":391}," type",{"type":55,"tag":101,"props":393,"children":394},{"style":120},[395],{"type":60,"value":396}," MarkdownComponents",{"type":55,"tag":101,"props":398,"children":399},{"style":114},[400],{"type":60,"value":383},{"type":55,"tag":101,"props":402,"children":403},{"class":103,"line":229},[404,409,413,417,421],{"type":55,"tag":101,"props":405,"children":406},{"style":114},[407],{"type":60,"value":408},"}",{"type":55,"tag":101,"props":410,"children":411},{"style":108},[412],{"type":60,"value":133},{"type":55,"tag":101,"props":414,"children":415},{"style":114},[416],{"type":60,"value":138},{"type":55,"tag":101,"props":418,"children":419},{"style":141},[420],{"type":60,"value":144},{"type":55,"tag":101,"props":422,"children":423},{"style":114},[424],{"type":60,"value":149},{"type":55,"tag":101,"props":426,"children":427},{"class":103,"line":243},[428],{"type":55,"tag":101,"props":429,"children":430},{"emptyLinePlaceholder":156},[431],{"type":60,"value":159},{"type":55,"tag":101,"props":433,"children":434},{"class":103,"line":262},[435,440,445,450],{"type":55,"tag":101,"props":436,"children":437},{"style":171},[438],{"type":60,"value":439},"const",{"type":55,"tag":101,"props":441,"children":442},{"style":120},[443],{"type":60,"value":444}," components ",{"type":55,"tag":101,"props":446,"children":447},{"style":114},[448],{"type":60,"value":449},"=",{"type":55,"tag":101,"props":451,"children":452},{"style":114},[453],{"type":60,"value":226},{"type":55,"tag":101,"props":455,"children":456},{"class":103,"line":298},[457,462,467,472,477],{"type":55,"tag":101,"props":458,"children":459},{"style":203},[460],{"type":60,"value":461}," a",{"type":55,"tag":101,"props":463,"children":464},{"style":114},[465],{"type":60,"value":466},"(",{"type":55,"tag":101,"props":468,"children":469},{"style":188},[470],{"type":60,"value":471},"props",{"type":55,"tag":101,"props":473,"children":474},{"style":114},[475],{"type":60,"value":476},")",{"type":55,"tag":101,"props":478,"children":479},{"style":114},[480],{"type":60,"value":226},{"type":55,"tag":101,"props":482,"children":483},{"class":103,"line":315},[484,489,494,499,504,509,514,519,524,528,533,538,542,547,552],{"type":55,"tag":101,"props":485,"children":486},{"style":171},[487],{"type":60,"value":488}," const",{"type":55,"tag":101,"props":490,"children":491},{"style":120},[492],{"type":60,"value":493}," external",{"type":55,"tag":101,"props":495,"children":496},{"style":114},[497],{"type":60,"value":498}," =",{"type":55,"tag":101,"props":500,"children":501},{"style":120},[502],{"type":60,"value":503}," props",{"type":55,"tag":101,"props":505,"children":506},{"style":114},[507],{"type":60,"value":508},".",{"type":55,"tag":101,"props":510,"children":511},{"style":120},[512],{"type":60,"value":513},"href",{"type":55,"tag":101,"props":515,"children":516},{"style":114},[517],{"type":60,"value":518},"?.",{"type":55,"tag":101,"props":520,"children":521},{"style":177},[522],{"type":60,"value":523},"startsWith",{"type":55,"tag":101,"props":525,"children":526},{"style":203},[527],{"type":60,"value":466},{"type":55,"tag":101,"props":529,"children":530},{"style":114},[531],{"type":60,"value":532},"'",{"type":55,"tag":101,"props":534,"children":535},{"style":141},[536],{"type":60,"value":537},"http",{"type":55,"tag":101,"props":539,"children":540},{"style":114},[541],{"type":60,"value":532},{"type":55,"tag":101,"props":543,"children":544},{"style":203},[545],{"type":60,"value":546},") ",{"type":55,"tag":101,"props":548,"children":549},{"style":114},[550],{"type":60,"value":551},"??",{"type":55,"tag":101,"props":553,"children":555},{"style":554},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[556],{"type":60,"value":557}," false\n",{"type":55,"tag":101,"props":559,"children":560},{"class":103,"line":25},[561,566],{"type":55,"tag":101,"props":562,"children":563},{"style":108},[564],{"type":60,"value":565}," return",{"type":55,"tag":101,"props":567,"children":568},{"style":203},[569],{"type":60,"value":240},{"type":55,"tag":101,"props":571,"children":573},{"class":103,"line":572},10,[574,578],{"type":55,"tag":101,"props":575,"children":576},{"style":114},[577],{"type":60,"value":268},{"type":55,"tag":101,"props":579,"children":580},{"style":203},[581],{"type":60,"value":582},"a\n",{"type":55,"tag":101,"props":584,"children":586},{"class":103,"line":585},11,[587,592,596],{"type":55,"tag":101,"props":588,"children":589},{"style":114},[590],{"type":60,"value":591}," {...",{"type":55,"tag":101,"props":593,"children":594},{"style":120},[595],{"type":60,"value":471},{"type":55,"tag":101,"props":597,"children":598},{"style":114},[599],{"type":60,"value":329},{"type":55,"tag":101,"props":601,"children":603},{"class":103,"line":602},12,[604,609,614,619,624,628,633,637,642,646,650,655],{"type":55,"tag":101,"props":605,"children":606},{"style":171},[607],{"type":60,"value":608}," rel",{"type":55,"tag":101,"props":610,"children":611},{"style":114},[612],{"type":60,"value":613},"={",{"type":55,"tag":101,"props":615,"children":616},{"style":120},[617],{"type":60,"value":618},"external ",{"type":55,"tag":101,"props":620,"children":621},{"style":114},[622],{"type":60,"value":623},"?",{"type":55,"tag":101,"props":625,"children":626},{"style":114},[627],{"type":60,"value":138},{"type":55,"tag":101,"props":629,"children":630},{"style":141},[631],{"type":60,"value":632},"nofollow noopener noreferrer",{"type":55,"tag":101,"props":634,"children":635},{"style":114},[636],{"type":60,"value":532},{"type":55,"tag":101,"props":638,"children":639},{"style":114},[640],{"type":60,"value":641}," :",{"type":55,"tag":101,"props":643,"children":644},{"style":120},[645],{"type":60,"value":503},{"type":55,"tag":101,"props":647,"children":648},{"style":114},[649],{"type":60,"value":508},{"type":55,"tag":101,"props":651,"children":652},{"style":120},[653],{"type":60,"value":654},"rel",{"type":55,"tag":101,"props":656,"children":657},{"style":114},[658],{"type":60,"value":329},{"type":55,"tag":101,"props":660,"children":662},{"class":103,"line":661},13,[663,668,672,676,680,684,689,693,697,701,705,710],{"type":55,"tag":101,"props":664,"children":665},{"style":171},[666],{"type":60,"value":667}," target",{"type":55,"tag":101,"props":669,"children":670},{"style":114},[671],{"type":60,"value":613},{"type":55,"tag":101,"props":673,"children":674},{"style":120},[675],{"type":60,"value":618},{"type":55,"tag":101,"props":677,"children":678},{"style":114},[679],{"type":60,"value":623},{"type":55,"tag":101,"props":681,"children":682},{"style":114},[683],{"type":60,"value":138},{"type":55,"tag":101,"props":685,"children":686},{"style":141},[687],{"type":60,"value":688},"_blank",{"type":55,"tag":101,"props":690,"children":691},{"style":114},[692],{"type":60,"value":532},{"type":55,"tag":101,"props":694,"children":695},{"style":114},[696],{"type":60,"value":641},{"type":55,"tag":101,"props":698,"children":699},{"style":120},[700],{"type":60,"value":503},{"type":55,"tag":101,"props":702,"children":703},{"style":114},[704],{"type":60,"value":508},{"type":55,"tag":101,"props":706,"children":707},{"style":120},[708],{"type":60,"value":709},"target",{"type":55,"tag":101,"props":711,"children":712},{"style":114},[713],{"type":60,"value":329},{"type":55,"tag":101,"props":715,"children":717},{"class":103,"line":716},14,[718],{"type":55,"tag":101,"props":719,"children":720},{"style":114},[721],{"type":60,"value":722}," \u002F>\n",{"type":55,"tag":101,"props":724,"children":726},{"class":103,"line":725},15,[727],{"type":55,"tag":101,"props":728,"children":729},{"style":203},[730],{"type":60,"value":731}," )\n",{"type":55,"tag":101,"props":733,"children":735},{"class":103,"line":734},16,[736],{"type":55,"tag":101,"props":737,"children":738},{"style":114},[739],{"type":60,"value":740}," },\n",{"type":55,"tag":101,"props":742,"children":744},{"class":103,"line":743},17,[745,749,754],{"type":55,"tag":101,"props":746,"children":747},{"style":114},[748],{"type":60,"value":408},{"type":55,"tag":101,"props":750,"children":751},{"style":108},[752],{"type":60,"value":753}," satisfies",{"type":55,"tag":101,"props":755,"children":756},{"style":213},[757],{"type":60,"value":758}," MarkdownComponents\n",{"type":55,"tag":101,"props":760,"children":762},{"class":103,"line":761},18,[763],{"type":55,"tag":101,"props":764,"children":765},{"emptyLinePlaceholder":156},[766],{"type":60,"value":159},{"type":55,"tag":101,"props":768,"children":770},{"class":103,"line":769},19,[771,775,779,783,787,791,795,799,803,807,811,815],{"type":55,"tag":101,"props":772,"children":773},{"style":108},[774],{"type":60,"value":168},{"type":55,"tag":101,"props":776,"children":777},{"style":171},[778],{"type":60,"value":174},{"type":55,"tag":101,"props":780,"children":781},{"style":177},[782],{"type":60,"value":180},{"type":55,"tag":101,"props":784,"children":785},{"style":114},[786],{"type":60,"value":185},{"type":55,"tag":101,"props":788,"children":789},{"style":188},[790],{"type":60,"value":191},{"type":55,"tag":101,"props":792,"children":793},{"style":114},[794],{"type":60,"value":196},{"type":55,"tag":101,"props":796,"children":797},{"style":114},[798],{"type":60,"value":117},{"type":55,"tag":101,"props":800,"children":801},{"style":203},[802],{"type":60,"value":191},{"type":55,"tag":101,"props":804,"children":805},{"style":114},[806],{"type":60,"value":210},{"type":55,"tag":101,"props":808,"children":809},{"style":213},[810],{"type":60,"value":216},{"type":55,"tag":101,"props":812,"children":813},{"style":114},[814],{"type":60,"value":221},{"type":55,"tag":101,"props":816,"children":817},{"style":114},[818],{"type":60,"value":226},{"type":55,"tag":101,"props":820,"children":822},{"class":103,"line":821},20,[823,827],{"type":55,"tag":101,"props":824,"children":825},{"style":108},[826],{"type":60,"value":235},{"type":55,"tag":101,"props":828,"children":829},{"style":203},[830],{"type":60,"value":240},{"type":55,"tag":101,"props":832,"children":834},{"class":103,"line":833},21,[835,839,843],{"type":55,"tag":101,"props":836,"children":837},{"style":114},[838],{"type":60,"value":249},{"type":55,"tag":101,"props":840,"children":841},{"style":203},[842],{"type":60,"value":254},{"type":55,"tag":101,"props":844,"children":845},{"style":114},[846],{"type":60,"value":259},{"type":55,"tag":101,"props":848,"children":850},{"class":103,"line":849},22,[851,855,859,864,868,873,878,882,886,890],{"type":55,"tag":101,"props":852,"children":853},{"style":114},[854],{"type":60,"value":268},{"type":55,"tag":101,"props":856,"children":857},{"style":213},[858],{"type":60,"value":17},{"type":55,"tag":101,"props":860,"children":861},{"style":171},[862],{"type":60,"value":863}," components",{"type":55,"tag":101,"props":865,"children":866},{"style":114},[867],{"type":60,"value":613},{"type":55,"tag":101,"props":869,"children":870},{"style":120},[871],{"type":60,"value":872},"components",{"type":55,"tag":101,"props":874,"children":875},{"style":114},[876],{"type":60,"value":877},"}>{",{"type":55,"tag":101,"props":879,"children":880},{"style":120},[881],{"type":60,"value":282},{"type":55,"tag":101,"props":883,"children":884},{"style":114},[885],{"type":60,"value":287},{"type":55,"tag":101,"props":887,"children":888},{"style":213},[889],{"type":60,"value":17},{"type":55,"tag":101,"props":891,"children":892},{"style":114},[893],{"type":60,"value":259},{"type":55,"tag":101,"props":895,"children":897},{"class":103,"line":896},23,[898,902,906],{"type":55,"tag":101,"props":899,"children":900},{"style":114},[901],{"type":60,"value":304},{"type":55,"tag":101,"props":903,"children":904},{"style":203},[905],{"type":60,"value":254},{"type":55,"tag":101,"props":907,"children":908},{"style":114},[909],{"type":60,"value":259},{"type":55,"tag":101,"props":911,"children":913},{"class":103,"line":912},24,[914],{"type":55,"tag":101,"props":915,"children":916},{"style":203},[917],{"type":60,"value":321},{"type":55,"tag":101,"props":919,"children":921},{"class":103,"line":920},25,[922],{"type":55,"tag":101,"props":923,"children":924},{"style":114},[925],{"type":60,"value":329},{"type":55,"tag":56,"props":927,"children":928},{},[929],{"type":60,"value":930},"Known intrinsic keys infer their matching React props. Arbitrary extension component tag names remain supported.",{"type":55,"tag":347,"props":932,"children":934},{"id":933},"parse-once-before-repeated-react-rendering",[935],{"type":60,"value":936},"Parse once before repeated React rendering",{"type":55,"tag":89,"props":938,"children":940},{"className":91,"code":939,"language":93,"meta":94,"style":94},"import { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst document = parseMarkdown('# Cached article\\n\\nRendered from an AST.')\n\nexport function Article() {\n return (\n \u003Carticle>\n \u003CMarkdown>{document}\u003C\u002FMarkdown>\n \u003C\u002Farticle>\n )\n}\n",[941],{"type":55,"tag":97,"props":942,"children":943},{"__ignoreMap":94},[944,981,1016,1023,1075,1082,1106,1117,1132,1164,1179,1186],{"type":55,"tag":101,"props":945,"children":946},{"class":103,"line":104},[947,951,955,960,964,968,972,977],{"type":55,"tag":101,"props":948,"children":949},{"style":108},[950],{"type":60,"value":111},{"type":55,"tag":101,"props":952,"children":953},{"style":114},[954],{"type":60,"value":117},{"type":55,"tag":101,"props":956,"children":957},{"style":120},[958],{"type":60,"value":959}," parseMarkdown",{"type":55,"tag":101,"props":961,"children":962},{"style":114},[963],{"type":60,"value":128},{"type":55,"tag":101,"props":965,"children":966},{"style":108},[967],{"type":60,"value":133},{"type":55,"tag":101,"props":969,"children":970},{"style":114},[971],{"type":60,"value":138},{"type":55,"tag":101,"props":973,"children":974},{"style":141},[975],{"type":60,"value":976},"@tanstack\u002Fmarkdown\u002Fparser",{"type":55,"tag":101,"props":978,"children":979},{"style":114},[980],{"type":60,"value":149},{"type":55,"tag":101,"props":982,"children":983},{"class":103,"line":152},[984,988,992,996,1000,1004,1008,1012],{"type":55,"tag":101,"props":985,"children":986},{"style":108},[987],{"type":60,"value":111},{"type":55,"tag":101,"props":989,"children":990},{"style":114},[991],{"type":60,"value":117},{"type":55,"tag":101,"props":993,"children":994},{"style":120},[995],{"type":60,"value":123},{"type":55,"tag":101,"props":997,"children":998},{"style":114},[999],{"type":60,"value":128},{"type":55,"tag":101,"props":1001,"children":1002},{"style":108},[1003],{"type":60,"value":133},{"type":55,"tag":101,"props":1005,"children":1006},{"style":114},[1007],{"type":60,"value":138},{"type":55,"tag":101,"props":1009,"children":1010},{"style":141},[1011],{"type":60,"value":144},{"type":55,"tag":101,"props":1013,"children":1014},{"style":114},[1015],{"type":60,"value":149},{"type":55,"tag":101,"props":1017,"children":1018},{"class":103,"line":162},[1019],{"type":55,"tag":101,"props":1020,"children":1021},{"emptyLinePlaceholder":156},[1022],{"type":60,"value":159},{"type":55,"tag":101,"props":1024,"children":1025},{"class":103,"line":229},[1026,1030,1035,1039,1043,1047,1051,1056,1061,1066,1070],{"type":55,"tag":101,"props":1027,"children":1028},{"style":171},[1029],{"type":60,"value":439},{"type":55,"tag":101,"props":1031,"children":1032},{"style":120},[1033],{"type":60,"value":1034}," document ",{"type":55,"tag":101,"props":1036,"children":1037},{"style":114},[1038],{"type":60,"value":449},{"type":55,"tag":101,"props":1040,"children":1041},{"style":177},[1042],{"type":60,"value":959},{"type":55,"tag":101,"props":1044,"children":1045},{"style":120},[1046],{"type":60,"value":466},{"type":55,"tag":101,"props":1048,"children":1049},{"style":114},[1050],{"type":60,"value":532},{"type":55,"tag":101,"props":1052,"children":1053},{"style":141},[1054],{"type":60,"value":1055},"# Cached article",{"type":55,"tag":101,"props":1057,"children":1058},{"style":120},[1059],{"type":60,"value":1060},"\\n\\n",{"type":55,"tag":101,"props":1062,"children":1063},{"style":141},[1064],{"type":60,"value":1065},"Rendered from an AST.",{"type":55,"tag":101,"props":1067,"children":1068},{"style":114},[1069],{"type":60,"value":532},{"type":55,"tag":101,"props":1071,"children":1072},{"style":120},[1073],{"type":60,"value":1074},")\n",{"type":55,"tag":101,"props":1076,"children":1077},{"class":103,"line":243},[1078],{"type":55,"tag":101,"props":1079,"children":1080},{"emptyLinePlaceholder":156},[1081],{"type":60,"value":159},{"type":55,"tag":101,"props":1083,"children":1084},{"class":103,"line":262},[1085,1089,1093,1097,1102],{"type":55,"tag":101,"props":1086,"children":1087},{"style":108},[1088],{"type":60,"value":168},{"type":55,"tag":101,"props":1090,"children":1091},{"style":171},[1092],{"type":60,"value":174},{"type":55,"tag":101,"props":1094,"children":1095},{"style":177},[1096],{"type":60,"value":180},{"type":55,"tag":101,"props":1098,"children":1099},{"style":114},[1100],{"type":60,"value":1101},"()",{"type":55,"tag":101,"props":1103,"children":1104},{"style":114},[1105],{"type":60,"value":226},{"type":55,"tag":101,"props":1107,"children":1108},{"class":103,"line":298},[1109,1113],{"type":55,"tag":101,"props":1110,"children":1111},{"style":108},[1112],{"type":60,"value":235},{"type":55,"tag":101,"props":1114,"children":1115},{"style":203},[1116],{"type":60,"value":240},{"type":55,"tag":101,"props":1118,"children":1119},{"class":103,"line":315},[1120,1124,1128],{"type":55,"tag":101,"props":1121,"children":1122},{"style":114},[1123],{"type":60,"value":249},{"type":55,"tag":101,"props":1125,"children":1126},{"style":203},[1127],{"type":60,"value":254},{"type":55,"tag":101,"props":1129,"children":1130},{"style":114},[1131],{"type":60,"value":259},{"type":55,"tag":101,"props":1133,"children":1134},{"class":103,"line":25},[1135,1139,1143,1147,1152,1156,1160],{"type":55,"tag":101,"props":1136,"children":1137},{"style":114},[1138],{"type":60,"value":268},{"type":55,"tag":101,"props":1140,"children":1141},{"style":213},[1142],{"type":60,"value":17},{"type":55,"tag":101,"props":1144,"children":1145},{"style":114},[1146],{"type":60,"value":277},{"type":55,"tag":101,"props":1148,"children":1149},{"style":120},[1150],{"type":60,"value":1151},"document",{"type":55,"tag":101,"props":1153,"children":1154},{"style":114},[1155],{"type":60,"value":287},{"type":55,"tag":101,"props":1157,"children":1158},{"style":213},[1159],{"type":60,"value":17},{"type":55,"tag":101,"props":1161,"children":1162},{"style":114},[1163],{"type":60,"value":259},{"type":55,"tag":101,"props":1165,"children":1166},{"class":103,"line":572},[1167,1171,1175],{"type":55,"tag":101,"props":1168,"children":1169},{"style":114},[1170],{"type":60,"value":304},{"type":55,"tag":101,"props":1172,"children":1173},{"style":203},[1174],{"type":60,"value":254},{"type":55,"tag":101,"props":1176,"children":1177},{"style":114},[1178],{"type":60,"value":259},{"type":55,"tag":101,"props":1180,"children":1181},{"class":103,"line":585},[1182],{"type":55,"tag":101,"props":1183,"children":1184},{"style":203},[1185],{"type":60,"value":321},{"type":55,"tag":101,"props":1187,"children":1188},{"class":103,"line":602},[1189],{"type":55,"tag":101,"props":1190,"children":1191},{"style":114},[1192],{"type":60,"value":329},{"type":55,"tag":56,"props":1194,"children":1195},{},[1196],{"type":60,"value":1197},"Apply parser options and document transforms when creating the document; renderer options cannot retroactively change its structure.",{"type":55,"tag":347,"props":1199,"children":1201},{"id":1200},"render-static-react-markup-on-the-server",[1202],{"type":60,"value":1203},"Render static React markup on the server",{"type":55,"tag":89,"props":1205,"children":1207},{"className":91,"code":1206,"language":93,"meta":94,"style":94},"import { renderToStaticMarkup } from 'react-dom\u002Fserver'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst source = '# Server-rendered article'\n\nexport const html = renderToStaticMarkup(\n \u003Carticle>\n \u003CMarkdown>{source}\u003C\u002FMarkdown>\n \u003C\u002Farticle>,\n)\n",[1208],{"type":55,"tag":97,"props":1209,"children":1210},{"__ignoreMap":94},[1211,1248,1283,1290,1319,1326,1356,1372,1403,1420],{"type":55,"tag":101,"props":1212,"children":1213},{"class":103,"line":104},[1214,1218,1222,1227,1231,1235,1239,1244],{"type":55,"tag":101,"props":1215,"children":1216},{"style":108},[1217],{"type":60,"value":111},{"type":55,"tag":101,"props":1219,"children":1220},{"style":114},[1221],{"type":60,"value":117},{"type":55,"tag":101,"props":1223,"children":1224},{"style":120},[1225],{"type":60,"value":1226}," renderToStaticMarkup",{"type":55,"tag":101,"props":1228,"children":1229},{"style":114},[1230],{"type":60,"value":128},{"type":55,"tag":101,"props":1232,"children":1233},{"style":108},[1234],{"type":60,"value":133},{"type":55,"tag":101,"props":1236,"children":1237},{"style":114},[1238],{"type":60,"value":138},{"type":55,"tag":101,"props":1240,"children":1241},{"style":141},[1242],{"type":60,"value":1243},"react-dom\u002Fserver",{"type":55,"tag":101,"props":1245,"children":1246},{"style":114},[1247],{"type":60,"value":149},{"type":55,"tag":101,"props":1249,"children":1250},{"class":103,"line":152},[1251,1255,1259,1263,1267,1271,1275,1279],{"type":55,"tag":101,"props":1252,"children":1253},{"style":108},[1254],{"type":60,"value":111},{"type":55,"tag":101,"props":1256,"children":1257},{"style":114},[1258],{"type":60,"value":117},{"type":55,"tag":101,"props":1260,"children":1261},{"style":120},[1262],{"type":60,"value":123},{"type":55,"tag":101,"props":1264,"children":1265},{"style":114},[1266],{"type":60,"value":128},{"type":55,"tag":101,"props":1268,"children":1269},{"style":108},[1270],{"type":60,"value":133},{"type":55,"tag":101,"props":1272,"children":1273},{"style":114},[1274],{"type":60,"value":138},{"type":55,"tag":101,"props":1276,"children":1277},{"style":141},[1278],{"type":60,"value":144},{"type":55,"tag":101,"props":1280,"children":1281},{"style":114},[1282],{"type":60,"value":149},{"type":55,"tag":101,"props":1284,"children":1285},{"class":103,"line":162},[1286],{"type":55,"tag":101,"props":1287,"children":1288},{"emptyLinePlaceholder":156},[1289],{"type":60,"value":159},{"type":55,"tag":101,"props":1291,"children":1292},{"class":103,"line":229},[1293,1297,1302,1306,1310,1315],{"type":55,"tag":101,"props":1294,"children":1295},{"style":171},[1296],{"type":60,"value":439},{"type":55,"tag":101,"props":1298,"children":1299},{"style":120},[1300],{"type":60,"value":1301}," source ",{"type":55,"tag":101,"props":1303,"children":1304},{"style":114},[1305],{"type":60,"value":449},{"type":55,"tag":101,"props":1307,"children":1308},{"style":114},[1309],{"type":60,"value":138},{"type":55,"tag":101,"props":1311,"children":1312},{"style":141},[1313],{"type":60,"value":1314},"# Server-rendered article",{"type":55,"tag":101,"props":1316,"children":1317},{"style":114},[1318],{"type":60,"value":149},{"type":55,"tag":101,"props":1320,"children":1321},{"class":103,"line":243},[1322],{"type":55,"tag":101,"props":1323,"children":1324},{"emptyLinePlaceholder":156},[1325],{"type":60,"value":159},{"type":55,"tag":101,"props":1327,"children":1328},{"class":103,"line":262},[1329,1333,1338,1343,1347,1351],{"type":55,"tag":101,"props":1330,"children":1331},{"style":108},[1332],{"type":60,"value":168},{"type":55,"tag":101,"props":1334,"children":1335},{"style":171},[1336],{"type":60,"value":1337}," const",{"type":55,"tag":101,"props":1339,"children":1340},{"style":120},[1341],{"type":60,"value":1342}," html ",{"type":55,"tag":101,"props":1344,"children":1345},{"style":114},[1346],{"type":60,"value":449},{"type":55,"tag":101,"props":1348,"children":1349},{"style":177},[1350],{"type":60,"value":1226},{"type":55,"tag":101,"props":1352,"children":1353},{"style":120},[1354],{"type":60,"value":1355},"(\n",{"type":55,"tag":101,"props":1357,"children":1358},{"class":103,"line":298},[1359,1364,1368],{"type":55,"tag":101,"props":1360,"children":1361},{"style":114},[1362],{"type":60,"value":1363}," \u003C",{"type":55,"tag":101,"props":1365,"children":1366},{"style":203},[1367],{"type":60,"value":254},{"type":55,"tag":101,"props":1369,"children":1370},{"style":114},[1371],{"type":60,"value":259},{"type":55,"tag":101,"props":1373,"children":1374},{"class":103,"line":315},[1375,1379,1383,1387,1391,1395,1399],{"type":55,"tag":101,"props":1376,"children":1377},{"style":114},[1378],{"type":60,"value":249},{"type":55,"tag":101,"props":1380,"children":1381},{"style":213},[1382],{"type":60,"value":17},{"type":55,"tag":101,"props":1384,"children":1385},{"style":114},[1386],{"type":60,"value":277},{"type":55,"tag":101,"props":1388,"children":1389},{"style":120},[1390],{"type":60,"value":282},{"type":55,"tag":101,"props":1392,"children":1393},{"style":114},[1394],{"type":60,"value":287},{"type":55,"tag":101,"props":1396,"children":1397},{"style":213},[1398],{"type":60,"value":17},{"type":55,"tag":101,"props":1400,"children":1401},{"style":114},[1402],{"type":60,"value":259},{"type":55,"tag":101,"props":1404,"children":1405},{"class":103,"line":25},[1406,1411,1415],{"type":55,"tag":101,"props":1407,"children":1408},{"style":114},[1409],{"type":60,"value":1410}," \u003C\u002F",{"type":55,"tag":101,"props":1412,"children":1413},{"style":203},[1414],{"type":60,"value":254},{"type":55,"tag":101,"props":1416,"children":1417},{"style":114},[1418],{"type":60,"value":1419},">,\n",{"type":55,"tag":101,"props":1421,"children":1422},{"class":103,"line":572},[1423],{"type":55,"tag":101,"props":1424,"children":1425},{"style":120},[1426],{"type":60,"value":1074},{"type":55,"tag":56,"props":1428,"children":1429},{},[1430,1432,1438],{"type":60,"value":1431},"Core static output is tested for structural equivalence with ",{"type":55,"tag":97,"props":1433,"children":1435},{"className":1434},[],[1436],{"type":60,"value":1437},"renderHtml()",{"type":60,"value":508},{"type":55,"tag":347,"props":1440,"children":1442},{"id":1441},"compose-through-the-lower-level-node-api",[1443],{"type":60,"value":1444},"Compose through the lower-level node API",{"type":55,"tag":89,"props":1446,"children":1448},{"className":91,"code":1447,"language":93,"meta":94,"style":94},"import type { ReactNode } from 'react'\nimport { parseMarkdown } from '@tanstack\u002Fmarkdown\u002Fparser'\nimport { renderMarkdownReact } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst document = parseMarkdown('# Parsed once')\n\nexport function ArticleBody(): ReactNode {\n return renderMarkdownReact(document)\n}\n",[1449],{"type":55,"tag":97,"props":1450,"children":1451},{"__ignoreMap":94},[1452,1493,1528,1564,1571,1611,1618,1647,1670],{"type":55,"tag":101,"props":1453,"children":1454},{"class":103,"line":104},[1455,1459,1464,1468,1473,1477,1481,1485,1489],{"type":55,"tag":101,"props":1456,"children":1457},{"style":108},[1458],{"type":60,"value":111},{"type":55,"tag":101,"props":1460,"children":1461},{"style":108},[1462],{"type":60,"value":1463}," type",{"type":55,"tag":101,"props":1465,"children":1466},{"style":114},[1467],{"type":60,"value":117},{"type":55,"tag":101,"props":1469,"children":1470},{"style":120},[1471],{"type":60,"value":1472}," ReactNode",{"type":55,"tag":101,"props":1474,"children":1475},{"style":114},[1476],{"type":60,"value":128},{"type":55,"tag":101,"props":1478,"children":1479},{"style":108},[1480],{"type":60,"value":133},{"type":55,"tag":101,"props":1482,"children":1483},{"style":114},[1484],{"type":60,"value":138},{"type":55,"tag":101,"props":1486,"children":1487},{"style":141},[1488],{"type":60,"value":14},{"type":55,"tag":101,"props":1490,"children":1491},{"style":114},[1492],{"type":60,"value":149},{"type":55,"tag":101,"props":1494,"children":1495},{"class":103,"line":152},[1496,1500,1504,1508,1512,1516,1520,1524],{"type":55,"tag":101,"props":1497,"children":1498},{"style":108},[1499],{"type":60,"value":111},{"type":55,"tag":101,"props":1501,"children":1502},{"style":114},[1503],{"type":60,"value":117},{"type":55,"tag":101,"props":1505,"children":1506},{"style":120},[1507],{"type":60,"value":959},{"type":55,"tag":101,"props":1509,"children":1510},{"style":114},[1511],{"type":60,"value":128},{"type":55,"tag":101,"props":1513,"children":1514},{"style":108},[1515],{"type":60,"value":133},{"type":55,"tag":101,"props":1517,"children":1518},{"style":114},[1519],{"type":60,"value":138},{"type":55,"tag":101,"props":1521,"children":1522},{"style":141},[1523],{"type":60,"value":976},{"type":55,"tag":101,"props":1525,"children":1526},{"style":114},[1527],{"type":60,"value":149},{"type":55,"tag":101,"props":1529,"children":1530},{"class":103,"line":162},[1531,1535,1539,1544,1548,1552,1556,1560],{"type":55,"tag":101,"props":1532,"children":1533},{"style":108},[1534],{"type":60,"value":111},{"type":55,"tag":101,"props":1536,"children":1537},{"style":114},[1538],{"type":60,"value":117},{"type":55,"tag":101,"props":1540,"children":1541},{"style":120},[1542],{"type":60,"value":1543}," renderMarkdownReact",{"type":55,"tag":101,"props":1545,"children":1546},{"style":114},[1547],{"type":60,"value":128},{"type":55,"tag":101,"props":1549,"children":1550},{"style":108},[1551],{"type":60,"value":133},{"type":55,"tag":101,"props":1553,"children":1554},{"style":114},[1555],{"type":60,"value":138},{"type":55,"tag":101,"props":1557,"children":1558},{"style":141},[1559],{"type":60,"value":144},{"type":55,"tag":101,"props":1561,"children":1562},{"style":114},[1563],{"type":60,"value":149},{"type":55,"tag":101,"props":1565,"children":1566},{"class":103,"line":229},[1567],{"type":55,"tag":101,"props":1568,"children":1569},{"emptyLinePlaceholder":156},[1570],{"type":60,"value":159},{"type":55,"tag":101,"props":1572,"children":1573},{"class":103,"line":243},[1574,1578,1582,1586,1590,1594,1598,1603,1607],{"type":55,"tag":101,"props":1575,"children":1576},{"style":171},[1577],{"type":60,"value":439},{"type":55,"tag":101,"props":1579,"children":1580},{"style":120},[1581],{"type":60,"value":1034},{"type":55,"tag":101,"props":1583,"children":1584},{"style":114},[1585],{"type":60,"value":449},{"type":55,"tag":101,"props":1587,"children":1588},{"style":177},[1589],{"type":60,"value":959},{"type":55,"tag":101,"props":1591,"children":1592},{"style":120},[1593],{"type":60,"value":466},{"type":55,"tag":101,"props":1595,"children":1596},{"style":114},[1597],{"type":60,"value":532},{"type":55,"tag":101,"props":1599,"children":1600},{"style":141},[1601],{"type":60,"value":1602},"# Parsed once",{"type":55,"tag":101,"props":1604,"children":1605},{"style":114},[1606],{"type":60,"value":532},{"type":55,"tag":101,"props":1608,"children":1609},{"style":120},[1610],{"type":60,"value":1074},{"type":55,"tag":101,"props":1612,"children":1613},{"class":103,"line":262},[1614],{"type":55,"tag":101,"props":1615,"children":1616},{"emptyLinePlaceholder":156},[1617],{"type":60,"value":159},{"type":55,"tag":101,"props":1619,"children":1620},{"class":103,"line":298},[1621,1625,1629,1634,1639,1643],{"type":55,"tag":101,"props":1622,"children":1623},{"style":108},[1624],{"type":60,"value":168},{"type":55,"tag":101,"props":1626,"children":1627},{"style":171},[1628],{"type":60,"value":174},{"type":55,"tag":101,"props":1630,"children":1631},{"style":177},[1632],{"type":60,"value":1633}," ArticleBody",{"type":55,"tag":101,"props":1635,"children":1636},{"style":114},[1637],{"type":60,"value":1638},"():",{"type":55,"tag":101,"props":1640,"children":1641},{"style":213},[1642],{"type":60,"value":1472},{"type":55,"tag":101,"props":1644,"children":1645},{"style":114},[1646],{"type":60,"value":226},{"type":55,"tag":101,"props":1648,"children":1649},{"class":103,"line":315},[1650,1654,1658,1662,1666],{"type":55,"tag":101,"props":1651,"children":1652},{"style":108},[1653],{"type":60,"value":235},{"type":55,"tag":101,"props":1655,"children":1656},{"style":177},[1657],{"type":60,"value":1543},{"type":55,"tag":101,"props":1659,"children":1660},{"style":203},[1661],{"type":60,"value":466},{"type":55,"tag":101,"props":1663,"children":1664},{"style":120},[1665],{"type":60,"value":1151},{"type":55,"tag":101,"props":1667,"children":1668},{"style":203},[1669],{"type":60,"value":1074},{"type":55,"tag":101,"props":1671,"children":1672},{"class":103,"line":25},[1673],{"type":55,"tag":101,"props":1674,"children":1675},{"style":114},[1676],{"type":60,"value":329},{"type":55,"tag":56,"props":1678,"children":1679},{},[1680,1682,1688,1690,1696],{"type":60,"value":1681},"Use ",{"type":55,"tag":97,"props":1683,"children":1685},{"className":1684},[],[1686],{"type":60,"value":1687},"renderBlockReact",{"type":60,"value":1689}," or ",{"type":55,"tag":97,"props":1691,"children":1693},{"className":1692},[],[1694],{"type":60,"value":1695},"renderInlineReact",{"type":60,"value":1697}," only when custom tree composition needs individual public AST nodes.",{"type":55,"tag":77,"props":1699,"children":1701},{"id":1700},"common-mistakes",[1702],{"type":60,"value":1703},"Common Mistakes",{"type":55,"tag":347,"props":1705,"children":1707},{"id":1706},"high-injecting-html-instead-of-react-nodes",[1708],{"type":60,"value":1709},"HIGH Injecting HTML instead of React nodes",{"type":55,"tag":56,"props":1711,"children":1712},{},[1713],{"type":60,"value":1714},"Wrong:",{"type":55,"tag":89,"props":1716,"children":1718},{"className":91,"code":1717,"language":93,"meta":94,"style":94},"import { renderHtml } from '@tanstack\u002Fmarkdown'\n\nexport function Article({ source }: { source: string }) {\n const html = renderHtml(source)\n return \u003Carticle dangerouslySetInnerHTML={{ __html: html }} \u002F>\n}\n",[1719],{"type":55,"tag":97,"props":1720,"children":1721},{"__ignoreMap":94},[1722,1758,1765,1816,1849,1893],{"type":55,"tag":101,"props":1723,"children":1724},{"class":103,"line":104},[1725,1729,1733,1738,1742,1746,1750,1754],{"type":55,"tag":101,"props":1726,"children":1727},{"style":108},[1728],{"type":60,"value":111},{"type":55,"tag":101,"props":1730,"children":1731},{"style":114},[1732],{"type":60,"value":117},{"type":55,"tag":101,"props":1734,"children":1735},{"style":120},[1736],{"type":60,"value":1737}," renderHtml",{"type":55,"tag":101,"props":1739,"children":1740},{"style":114},[1741],{"type":60,"value":128},{"type":55,"tag":101,"props":1743,"children":1744},{"style":108},[1745],{"type":60,"value":133},{"type":55,"tag":101,"props":1747,"children":1748},{"style":114},[1749],{"type":60,"value":138},{"type":55,"tag":101,"props":1751,"children":1752},{"style":141},[1753],{"type":60,"value":40},{"type":55,"tag":101,"props":1755,"children":1756},{"style":114},[1757],{"type":60,"value":149},{"type":55,"tag":101,"props":1759,"children":1760},{"class":103,"line":152},[1761],{"type":55,"tag":101,"props":1762,"children":1763},{"emptyLinePlaceholder":156},[1764],{"type":60,"value":159},{"type":55,"tag":101,"props":1766,"children":1767},{"class":103,"line":162},[1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812],{"type":55,"tag":101,"props":1769,"children":1770},{"style":108},[1771],{"type":60,"value":168},{"type":55,"tag":101,"props":1773,"children":1774},{"style":171},[1775],{"type":60,"value":174},{"type":55,"tag":101,"props":1777,"children":1778},{"style":177},[1779],{"type":60,"value":180},{"type":55,"tag":101,"props":1781,"children":1782},{"style":114},[1783],{"type":60,"value":185},{"type":55,"tag":101,"props":1785,"children":1786},{"style":188},[1787],{"type":60,"value":191},{"type":55,"tag":101,"props":1789,"children":1790},{"style":114},[1791],{"type":60,"value":196},{"type":55,"tag":101,"props":1793,"children":1794},{"style":114},[1795],{"type":60,"value":117},{"type":55,"tag":101,"props":1797,"children":1798},{"style":203},[1799],{"type":60,"value":191},{"type":55,"tag":101,"props":1801,"children":1802},{"style":114},[1803],{"type":60,"value":210},{"type":55,"tag":101,"props":1805,"children":1806},{"style":213},[1807],{"type":60,"value":216},{"type":55,"tag":101,"props":1809,"children":1810},{"style":114},[1811],{"type":60,"value":221},{"type":55,"tag":101,"props":1813,"children":1814},{"style":114},[1815],{"type":60,"value":226},{"type":55,"tag":101,"props":1817,"children":1818},{"class":103,"line":229},[1819,1824,1829,1833,1837,1841,1845],{"type":55,"tag":101,"props":1820,"children":1821},{"style":171},[1822],{"type":60,"value":1823}," const",{"type":55,"tag":101,"props":1825,"children":1826},{"style":120},[1827],{"type":60,"value":1828}," html",{"type":55,"tag":101,"props":1830,"children":1831},{"style":114},[1832],{"type":60,"value":498},{"type":55,"tag":101,"props":1834,"children":1835},{"style":177},[1836],{"type":60,"value":1737},{"type":55,"tag":101,"props":1838,"children":1839},{"style":203},[1840],{"type":60,"value":466},{"type":55,"tag":101,"props":1842,"children":1843},{"style":120},[1844],{"type":60,"value":282},{"type":55,"tag":101,"props":1846,"children":1847},{"style":203},[1848],{"type":60,"value":1074},{"type":55,"tag":101,"props":1850,"children":1851},{"class":103,"line":243},[1852,1856,1861,1865,1870,1875,1880,1884,1888],{"type":55,"tag":101,"props":1853,"children":1854},{"style":108},[1855],{"type":60,"value":235},{"type":55,"tag":101,"props":1857,"children":1858},{"style":114},[1859],{"type":60,"value":1860}," \u003C",{"type":55,"tag":101,"props":1862,"children":1863},{"style":203},[1864],{"type":60,"value":254},{"type":55,"tag":101,"props":1866,"children":1867},{"style":171},[1868],{"type":60,"value":1869}," dangerouslySetInnerHTML",{"type":55,"tag":101,"props":1871,"children":1872},{"style":114},[1873],{"type":60,"value":1874},"={{",{"type":55,"tag":101,"props":1876,"children":1877},{"style":203},[1878],{"type":60,"value":1879}," __html",{"type":55,"tag":101,"props":1881,"children":1882},{"style":114},[1883],{"type":60,"value":210},{"type":55,"tag":101,"props":1885,"children":1886},{"style":120},[1887],{"type":60,"value":1342},{"type":55,"tag":101,"props":1889,"children":1890},{"style":114},[1891],{"type":60,"value":1892},"}} \u002F>\n",{"type":55,"tag":101,"props":1894,"children":1895},{"class":103,"line":262},[1896],{"type":55,"tag":101,"props":1897,"children":1898},{"style":114},[1899],{"type":60,"value":329},{"type":55,"tag":56,"props":1901,"children":1902},{},[1903],{"type":60,"value":1904},"Correct:",{"type":55,"tag":89,"props":1906,"children":1907},{"className":91,"code":92,"language":93,"meta":94,"style":94},[1908],{"type":55,"tag":97,"props":1909,"children":1910},{"__ignoreMap":94},[1911,1946,1953,2004,2015,2030,2061,2076,2083],{"type":55,"tag":101,"props":1912,"children":1913},{"class":103,"line":104},[1914,1918,1922,1926,1930,1934,1938,1942],{"type":55,"tag":101,"props":1915,"children":1916},{"style":108},[1917],{"type":60,"value":111},{"type":55,"tag":101,"props":1919,"children":1920},{"style":114},[1921],{"type":60,"value":117},{"type":55,"tag":101,"props":1923,"children":1924},{"style":120},[1925],{"type":60,"value":123},{"type":55,"tag":101,"props":1927,"children":1928},{"style":114},[1929],{"type":60,"value":128},{"type":55,"tag":101,"props":1931,"children":1932},{"style":108},[1933],{"type":60,"value":133},{"type":55,"tag":101,"props":1935,"children":1936},{"style":114},[1937],{"type":60,"value":138},{"type":55,"tag":101,"props":1939,"children":1940},{"style":141},[1941],{"type":60,"value":144},{"type":55,"tag":101,"props":1943,"children":1944},{"style":114},[1945],{"type":60,"value":149},{"type":55,"tag":101,"props":1947,"children":1948},{"class":103,"line":152},[1949],{"type":55,"tag":101,"props":1950,"children":1951},{"emptyLinePlaceholder":156},[1952],{"type":60,"value":159},{"type":55,"tag":101,"props":1954,"children":1955},{"class":103,"line":162},[1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000],{"type":55,"tag":101,"props":1957,"children":1958},{"style":108},[1959],{"type":60,"value":168},{"type":55,"tag":101,"props":1961,"children":1962},{"style":171},[1963],{"type":60,"value":174},{"type":55,"tag":101,"props":1965,"children":1966},{"style":177},[1967],{"type":60,"value":180},{"type":55,"tag":101,"props":1969,"children":1970},{"style":114},[1971],{"type":60,"value":185},{"type":55,"tag":101,"props":1973,"children":1974},{"style":188},[1975],{"type":60,"value":191},{"type":55,"tag":101,"props":1977,"children":1978},{"style":114},[1979],{"type":60,"value":196},{"type":55,"tag":101,"props":1981,"children":1982},{"style":114},[1983],{"type":60,"value":117},{"type":55,"tag":101,"props":1985,"children":1986},{"style":203},[1987],{"type":60,"value":191},{"type":55,"tag":101,"props":1989,"children":1990},{"style":114},[1991],{"type":60,"value":210},{"type":55,"tag":101,"props":1993,"children":1994},{"style":213},[1995],{"type":60,"value":216},{"type":55,"tag":101,"props":1997,"children":1998},{"style":114},[1999],{"type":60,"value":221},{"type":55,"tag":101,"props":2001,"children":2002},{"style":114},[2003],{"type":60,"value":226},{"type":55,"tag":101,"props":2005,"children":2006},{"class":103,"line":229},[2007,2011],{"type":55,"tag":101,"props":2008,"children":2009},{"style":108},[2010],{"type":60,"value":235},{"type":55,"tag":101,"props":2012,"children":2013},{"style":203},[2014],{"type":60,"value":240},{"type":55,"tag":101,"props":2016,"children":2017},{"class":103,"line":243},[2018,2022,2026],{"type":55,"tag":101,"props":2019,"children":2020},{"style":114},[2021],{"type":60,"value":249},{"type":55,"tag":101,"props":2023,"children":2024},{"style":203},[2025],{"type":60,"value":254},{"type":55,"tag":101,"props":2027,"children":2028},{"style":114},[2029],{"type":60,"value":259},{"type":55,"tag":101,"props":2031,"children":2032},{"class":103,"line":262},[2033,2037,2041,2045,2049,2053,2057],{"type":55,"tag":101,"props":2034,"children":2035},{"style":114},[2036],{"type":60,"value":268},{"type":55,"tag":101,"props":2038,"children":2039},{"style":213},[2040],{"type":60,"value":17},{"type":55,"tag":101,"props":2042,"children":2043},{"style":114},[2044],{"type":60,"value":277},{"type":55,"tag":101,"props":2046,"children":2047},{"style":120},[2048],{"type":60,"value":282},{"type":55,"tag":101,"props":2050,"children":2051},{"style":114},[2052],{"type":60,"value":287},{"type":55,"tag":101,"props":2054,"children":2055},{"style":213},[2056],{"type":60,"value":17},{"type":55,"tag":101,"props":2058,"children":2059},{"style":114},[2060],{"type":60,"value":259},{"type":55,"tag":101,"props":2062,"children":2063},{"class":103,"line":298},[2064,2068,2072],{"type":55,"tag":101,"props":2065,"children":2066},{"style":114},[2067],{"type":60,"value":304},{"type":55,"tag":101,"props":2069,"children":2070},{"style":203},[2071],{"type":60,"value":254},{"type":55,"tag":101,"props":2073,"children":2074},{"style":114},[2075],{"type":60,"value":259},{"type":55,"tag":101,"props":2077,"children":2078},{"class":103,"line":315},[2079],{"type":55,"tag":101,"props":2080,"children":2081},{"style":203},[2082],{"type":60,"value":321},{"type":55,"tag":101,"props":2084,"children":2085},{"class":103,"line":25},[2086],{"type":55,"tag":101,"props":2087,"children":2088},{"style":114},[2089],{"type":60,"value":329},{"type":55,"tag":56,"props":2091,"children":2092},{},[2093],{"type":60,"value":2094},"The HTML-string path bypasses React component replacement and creates an unnecessary trusted-HTML boundary.",{"type":55,"tag":56,"props":2096,"children":2097},{},[2098,2100],{"type":60,"value":2099},"Source: ",{"type":55,"tag":97,"props":2101,"children":2103},{"className":2102},[],[2104],{"type":60,"value":2105},"docs\u002Fguides\u002Freact.md",{"type":55,"tag":347,"props":2107,"children":2109},{"id":2108},"high-mapping-ast-node-names-instead-of-tags",[2110],{"type":60,"value":2111},"HIGH Mapping AST node names instead of tags",{"type":55,"tag":56,"props":2113,"children":2114},{},[2115],{"type":60,"value":1714},{"type":55,"tag":89,"props":2117,"children":2119},{"className":91,"code":2118,"language":93,"meta":94,"style":94},"import type { ComponentProps } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nfunction ArticleLink(props: ComponentProps\u003C'a'>) {\n return \u003Ca {...props} data-navigation=\"article\" \u002F>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown components={{ link: ArticleLink }}>\n {'Read the [guide](\u002Fguide).'}\n \u003C\u002FMarkdown>\n )\n}\n",[2120],{"type":55,"tag":97,"props":2121,"children":2122},{"__ignoreMap":94},[2123,2163,2198,2205,2260,2316,2323,2330,2353,2364,2402,2427,2442,2449],{"type":55,"tag":101,"props":2124,"children":2125},{"class":103,"line":104},[2126,2130,2134,2138,2143,2147,2151,2155,2159],{"type":55,"tag":101,"props":2127,"children":2128},{"style":108},[2129],{"type":60,"value":111},{"type":55,"tag":101,"props":2131,"children":2132},{"style":108},[2133],{"type":60,"value":1463},{"type":55,"tag":101,"props":2135,"children":2136},{"style":114},[2137],{"type":60,"value":117},{"type":55,"tag":101,"props":2139,"children":2140},{"style":120},[2141],{"type":60,"value":2142}," ComponentProps",{"type":55,"tag":101,"props":2144,"children":2145},{"style":114},[2146],{"type":60,"value":128},{"type":55,"tag":101,"props":2148,"children":2149},{"style":108},[2150],{"type":60,"value":133},{"type":55,"tag":101,"props":2152,"children":2153},{"style":114},[2154],{"type":60,"value":138},{"type":55,"tag":101,"props":2156,"children":2157},{"style":141},[2158],{"type":60,"value":14},{"type":55,"tag":101,"props":2160,"children":2161},{"style":114},[2162],{"type":60,"value":149},{"type":55,"tag":101,"props":2164,"children":2165},{"class":103,"line":152},[2166,2170,2174,2178,2182,2186,2190,2194],{"type":55,"tag":101,"props":2167,"children":2168},{"style":108},[2169],{"type":60,"value":111},{"type":55,"tag":101,"props":2171,"children":2172},{"style":114},[2173],{"type":60,"value":117},{"type":55,"tag":101,"props":2175,"children":2176},{"style":120},[2177],{"type":60,"value":123},{"type":55,"tag":101,"props":2179,"children":2180},{"style":114},[2181],{"type":60,"value":128},{"type":55,"tag":101,"props":2183,"children":2184},{"style":108},[2185],{"type":60,"value":133},{"type":55,"tag":101,"props":2187,"children":2188},{"style":114},[2189],{"type":60,"value":138},{"type":55,"tag":101,"props":2191,"children":2192},{"style":141},[2193],{"type":60,"value":144},{"type":55,"tag":101,"props":2195,"children":2196},{"style":114},[2197],{"type":60,"value":149},{"type":55,"tag":101,"props":2199,"children":2200},{"class":103,"line":162},[2201],{"type":55,"tag":101,"props":2202,"children":2203},{"emptyLinePlaceholder":156},[2204],{"type":60,"value":159},{"type":55,"tag":101,"props":2206,"children":2207},{"class":103,"line":229},[2208,2213,2218,2222,2226,2230,2234,2239,2243,2247,2251,2256],{"type":55,"tag":101,"props":2209,"children":2210},{"style":171},[2211],{"type":60,"value":2212},"function",{"type":55,"tag":101,"props":2214,"children":2215},{"style":177},[2216],{"type":60,"value":2217}," ArticleLink",{"type":55,"tag":101,"props":2219,"children":2220},{"style":114},[2221],{"type":60,"value":466},{"type":55,"tag":101,"props":2223,"children":2224},{"style":188},[2225],{"type":60,"value":471},{"type":55,"tag":101,"props":2227,"children":2228},{"style":114},[2229],{"type":60,"value":210},{"type":55,"tag":101,"props":2231,"children":2232},{"style":213},[2233],{"type":60,"value":2142},{"type":55,"tag":101,"props":2235,"children":2236},{"style":114},[2237],{"type":60,"value":2238},"\u003C",{"type":55,"tag":101,"props":2240,"children":2241},{"style":114},[2242],{"type":60,"value":532},{"type":55,"tag":101,"props":2244,"children":2245},{"style":141},[2246],{"type":60,"value":63},{"type":55,"tag":101,"props":2248,"children":2249},{"style":114},[2250],{"type":60,"value":532},{"type":55,"tag":101,"props":2252,"children":2253},{"style":114},[2254],{"type":60,"value":2255},">)",{"type":55,"tag":101,"props":2257,"children":2258},{"style":114},[2259],{"type":60,"value":226},{"type":55,"tag":101,"props":2261,"children":2262},{"class":103,"line":243},[2263,2267,2271,2275,2280,2284,2289,2294,2298,2303,2307,2311],{"type":55,"tag":101,"props":2264,"children":2265},{"style":108},[2266],{"type":60,"value":235},{"type":55,"tag":101,"props":2268,"children":2269},{"style":114},[2270],{"type":60,"value":1860},{"type":55,"tag":101,"props":2272,"children":2273},{"style":203},[2274],{"type":60,"value":63},{"type":55,"tag":101,"props":2276,"children":2277},{"style":114},[2278],{"type":60,"value":2279}," {...",{"type":55,"tag":101,"props":2281,"children":2282},{"style":120},[2283],{"type":60,"value":471},{"type":55,"tag":101,"props":2285,"children":2286},{"style":114},[2287],{"type":60,"value":2288},"} ",{"type":55,"tag":101,"props":2290,"children":2291},{"style":171},[2292],{"type":60,"value":2293},"data-navigation",{"type":55,"tag":101,"props":2295,"children":2296},{"style":114},[2297],{"type":60,"value":449},{"type":55,"tag":101,"props":2299,"children":2300},{"style":114},[2301],{"type":60,"value":2302},"\"",{"type":55,"tag":101,"props":2304,"children":2305},{"style":141},[2306],{"type":60,"value":254},{"type":55,"tag":101,"props":2308,"children":2309},{"style":114},[2310],{"type":60,"value":2302},{"type":55,"tag":101,"props":2312,"children":2313},{"style":114},[2314],{"type":60,"value":2315}," \u002F>\n",{"type":55,"tag":101,"props":2317,"children":2318},{"class":103,"line":262},[2319],{"type":55,"tag":101,"props":2320,"children":2321},{"style":114},[2322],{"type":60,"value":329},{"type":55,"tag":101,"props":2324,"children":2325},{"class":103,"line":298},[2326],{"type":55,"tag":101,"props":2327,"children":2328},{"emptyLinePlaceholder":156},[2329],{"type":60,"value":159},{"type":55,"tag":101,"props":2331,"children":2332},{"class":103,"line":315},[2333,2337,2341,2345,2349],{"type":55,"tag":101,"props":2334,"children":2335},{"style":108},[2336],{"type":60,"value":168},{"type":55,"tag":101,"props":2338,"children":2339},{"style":171},[2340],{"type":60,"value":174},{"type":55,"tag":101,"props":2342,"children":2343},{"style":177},[2344],{"type":60,"value":180},{"type":55,"tag":101,"props":2346,"children":2347},{"style":114},[2348],{"type":60,"value":1101},{"type":55,"tag":101,"props":2350,"children":2351},{"style":114},[2352],{"type":60,"value":226},{"type":55,"tag":101,"props":2354,"children":2355},{"class":103,"line":25},[2356,2360],{"type":55,"tag":101,"props":2357,"children":2358},{"style":108},[2359],{"type":60,"value":235},{"type":55,"tag":101,"props":2361,"children":2362},{"style":203},[2363],{"type":60,"value":240},{"type":55,"tag":101,"props":2365,"children":2366},{"class":103,"line":572},[2367,2371,2375,2379,2383,2388,2392,2397],{"type":55,"tag":101,"props":2368,"children":2369},{"style":114},[2370],{"type":60,"value":249},{"type":55,"tag":101,"props":2372,"children":2373},{"style":213},[2374],{"type":60,"value":17},{"type":55,"tag":101,"props":2376,"children":2377},{"style":171},[2378],{"type":60,"value":863},{"type":55,"tag":101,"props":2380,"children":2381},{"style":114},[2382],{"type":60,"value":1874},{"type":55,"tag":101,"props":2384,"children":2385},{"style":203},[2386],{"type":60,"value":2387}," link",{"type":55,"tag":101,"props":2389,"children":2390},{"style":114},[2391],{"type":60,"value":210},{"type":55,"tag":101,"props":2393,"children":2394},{"style":120},[2395],{"type":60,"value":2396}," ArticleLink ",{"type":55,"tag":101,"props":2398,"children":2399},{"style":114},[2400],{"type":60,"value":2401},"}}>\n",{"type":55,"tag":101,"props":2403,"children":2404},{"class":103,"line":585},[2405,2410,2414,2419,2423],{"type":55,"tag":101,"props":2406,"children":2407},{"style":114},[2408],{"type":60,"value":2409}," {",{"type":55,"tag":101,"props":2411,"children":2412},{"style":114},[2413],{"type":60,"value":532},{"type":55,"tag":101,"props":2415,"children":2416},{"style":141},[2417],{"type":60,"value":2418},"Read the [guide](\u002Fguide).",{"type":55,"tag":101,"props":2420,"children":2421},{"style":114},[2422],{"type":60,"value":532},{"type":55,"tag":101,"props":2424,"children":2425},{"style":114},[2426],{"type":60,"value":329},{"type":55,"tag":101,"props":2428,"children":2429},{"class":103,"line":602},[2430,2434,2438],{"type":55,"tag":101,"props":2431,"children":2432},{"style":114},[2433],{"type":60,"value":304},{"type":55,"tag":101,"props":2435,"children":2436},{"style":213},[2437],{"type":60,"value":17},{"type":55,"tag":101,"props":2439,"children":2440},{"style":114},[2441],{"type":60,"value":259},{"type":55,"tag":101,"props":2443,"children":2444},{"class":103,"line":661},[2445],{"type":55,"tag":101,"props":2446,"children":2447},{"style":203},[2448],{"type":60,"value":321},{"type":55,"tag":101,"props":2450,"children":2451},{"class":103,"line":716},[2452],{"type":55,"tag":101,"props":2453,"children":2454},{"style":114},[2455],{"type":60,"value":329},{"type":55,"tag":56,"props":2457,"children":2458},{},[2459],{"type":60,"value":1904},{"type":55,"tag":89,"props":2461,"children":2463},{"className":91,"code":2462,"language":93,"meta":94,"style":94},"import type { ComponentProps } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nfunction ArticleLink(props: ComponentProps\u003C'a'>) {\n return \u003Ca {...props} data-navigation=\"article\" \u002F>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown components={{ a: ArticleLink }}>\n {'Read the [guide](\u002Fguide).'}\n \u003C\u002FMarkdown>\n )\n}\n",[2464],{"type":55,"tag":97,"props":2465,"children":2466},{"__ignoreMap":94},[2467,2506,2541,2548,2599,2650,2657,2664,2687,2698,2734,2757,2772,2779],{"type":55,"tag":101,"props":2468,"children":2469},{"class":103,"line":104},[2470,2474,2478,2482,2486,2490,2494,2498,2502],{"type":55,"tag":101,"props":2471,"children":2472},{"style":108},[2473],{"type":60,"value":111},{"type":55,"tag":101,"props":2475,"children":2476},{"style":108},[2477],{"type":60,"value":1463},{"type":55,"tag":101,"props":2479,"children":2480},{"style":114},[2481],{"type":60,"value":117},{"type":55,"tag":101,"props":2483,"children":2484},{"style":120},[2485],{"type":60,"value":2142},{"type":55,"tag":101,"props":2487,"children":2488},{"style":114},[2489],{"type":60,"value":128},{"type":55,"tag":101,"props":2491,"children":2492},{"style":108},[2493],{"type":60,"value":133},{"type":55,"tag":101,"props":2495,"children":2496},{"style":114},[2497],{"type":60,"value":138},{"type":55,"tag":101,"props":2499,"children":2500},{"style":141},[2501],{"type":60,"value":14},{"type":55,"tag":101,"props":2503,"children":2504},{"style":114},[2505],{"type":60,"value":149},{"type":55,"tag":101,"props":2507,"children":2508},{"class":103,"line":152},[2509,2513,2517,2521,2525,2529,2533,2537],{"type":55,"tag":101,"props":2510,"children":2511},{"style":108},[2512],{"type":60,"value":111},{"type":55,"tag":101,"props":2514,"children":2515},{"style":114},[2516],{"type":60,"value":117},{"type":55,"tag":101,"props":2518,"children":2519},{"style":120},[2520],{"type":60,"value":123},{"type":55,"tag":101,"props":2522,"children":2523},{"style":114},[2524],{"type":60,"value":128},{"type":55,"tag":101,"props":2526,"children":2527},{"style":108},[2528],{"type":60,"value":133},{"type":55,"tag":101,"props":2530,"children":2531},{"style":114},[2532],{"type":60,"value":138},{"type":55,"tag":101,"props":2534,"children":2535},{"style":141},[2536],{"type":60,"value":144},{"type":55,"tag":101,"props":2538,"children":2539},{"style":114},[2540],{"type":60,"value":149},{"type":55,"tag":101,"props":2542,"children":2543},{"class":103,"line":162},[2544],{"type":55,"tag":101,"props":2545,"children":2546},{"emptyLinePlaceholder":156},[2547],{"type":60,"value":159},{"type":55,"tag":101,"props":2549,"children":2550},{"class":103,"line":229},[2551,2555,2559,2563,2567,2571,2575,2579,2583,2587,2591,2595],{"type":55,"tag":101,"props":2552,"children":2553},{"style":171},[2554],{"type":60,"value":2212},{"type":55,"tag":101,"props":2556,"children":2557},{"style":177},[2558],{"type":60,"value":2217},{"type":55,"tag":101,"props":2560,"children":2561},{"style":114},[2562],{"type":60,"value":466},{"type":55,"tag":101,"props":2564,"children":2565},{"style":188},[2566],{"type":60,"value":471},{"type":55,"tag":101,"props":2568,"children":2569},{"style":114},[2570],{"type":60,"value":210},{"type":55,"tag":101,"props":2572,"children":2573},{"style":213},[2574],{"type":60,"value":2142},{"type":55,"tag":101,"props":2576,"children":2577},{"style":114},[2578],{"type":60,"value":2238},{"type":55,"tag":101,"props":2580,"children":2581},{"style":114},[2582],{"type":60,"value":532},{"type":55,"tag":101,"props":2584,"children":2585},{"style":141},[2586],{"type":60,"value":63},{"type":55,"tag":101,"props":2588,"children":2589},{"style":114},[2590],{"type":60,"value":532},{"type":55,"tag":101,"props":2592,"children":2593},{"style":114},[2594],{"type":60,"value":2255},{"type":55,"tag":101,"props":2596,"children":2597},{"style":114},[2598],{"type":60,"value":226},{"type":55,"tag":101,"props":2600,"children":2601},{"class":103,"line":243},[2602,2606,2610,2614,2618,2622,2626,2630,2634,2638,2642,2646],{"type":55,"tag":101,"props":2603,"children":2604},{"style":108},[2605],{"type":60,"value":235},{"type":55,"tag":101,"props":2607,"children":2608},{"style":114},[2609],{"type":60,"value":1860},{"type":55,"tag":101,"props":2611,"children":2612},{"style":203},[2613],{"type":60,"value":63},{"type":55,"tag":101,"props":2615,"children":2616},{"style":114},[2617],{"type":60,"value":2279},{"type":55,"tag":101,"props":2619,"children":2620},{"style":120},[2621],{"type":60,"value":471},{"type":55,"tag":101,"props":2623,"children":2624},{"style":114},[2625],{"type":60,"value":2288},{"type":55,"tag":101,"props":2627,"children":2628},{"style":171},[2629],{"type":60,"value":2293},{"type":55,"tag":101,"props":2631,"children":2632},{"style":114},[2633],{"type":60,"value":449},{"type":55,"tag":101,"props":2635,"children":2636},{"style":114},[2637],{"type":60,"value":2302},{"type":55,"tag":101,"props":2639,"children":2640},{"style":141},[2641],{"type":60,"value":254},{"type":55,"tag":101,"props":2643,"children":2644},{"style":114},[2645],{"type":60,"value":2302},{"type":55,"tag":101,"props":2647,"children":2648},{"style":114},[2649],{"type":60,"value":2315},{"type":55,"tag":101,"props":2651,"children":2652},{"class":103,"line":262},[2653],{"type":55,"tag":101,"props":2654,"children":2655},{"style":114},[2656],{"type":60,"value":329},{"type":55,"tag":101,"props":2658,"children":2659},{"class":103,"line":298},[2660],{"type":55,"tag":101,"props":2661,"children":2662},{"emptyLinePlaceholder":156},[2663],{"type":60,"value":159},{"type":55,"tag":101,"props":2665,"children":2666},{"class":103,"line":315},[2667,2671,2675,2679,2683],{"type":55,"tag":101,"props":2668,"children":2669},{"style":108},[2670],{"type":60,"value":168},{"type":55,"tag":101,"props":2672,"children":2673},{"style":171},[2674],{"type":60,"value":174},{"type":55,"tag":101,"props":2676,"children":2677},{"style":177},[2678],{"type":60,"value":180},{"type":55,"tag":101,"props":2680,"children":2681},{"style":114},[2682],{"type":60,"value":1101},{"type":55,"tag":101,"props":2684,"children":2685},{"style":114},[2686],{"type":60,"value":226},{"type":55,"tag":101,"props":2688,"children":2689},{"class":103,"line":25},[2690,2694],{"type":55,"tag":101,"props":2691,"children":2692},{"style":108},[2693],{"type":60,"value":235},{"type":55,"tag":101,"props":2695,"children":2696},{"style":203},[2697],{"type":60,"value":240},{"type":55,"tag":101,"props":2699,"children":2700},{"class":103,"line":572},[2701,2705,2709,2713,2717,2722,2726,2730],{"type":55,"tag":101,"props":2702,"children":2703},{"style":114},[2704],{"type":60,"value":249},{"type":55,"tag":101,"props":2706,"children":2707},{"style":213},[2708],{"type":60,"value":17},{"type":55,"tag":101,"props":2710,"children":2711},{"style":171},[2712],{"type":60,"value":863},{"type":55,"tag":101,"props":2714,"children":2715},{"style":114},[2716],{"type":60,"value":1874},{"type":55,"tag":101,"props":2718,"children":2719},{"style":203},[2720],{"type":60,"value":2721}," a",{"type":55,"tag":101,"props":2723,"children":2724},{"style":114},[2725],{"type":60,"value":210},{"type":55,"tag":101,"props":2727,"children":2728},{"style":120},[2729],{"type":60,"value":2396},{"type":55,"tag":101,"props":2731,"children":2732},{"style":114},[2733],{"type":60,"value":2401},{"type":55,"tag":101,"props":2735,"children":2736},{"class":103,"line":585},[2737,2741,2745,2749,2753],{"type":55,"tag":101,"props":2738,"children":2739},{"style":114},[2740],{"type":60,"value":2409},{"type":55,"tag":101,"props":2742,"children":2743},{"style":114},[2744],{"type":60,"value":532},{"type":55,"tag":101,"props":2746,"children":2747},{"style":141},[2748],{"type":60,"value":2418},{"type":55,"tag":101,"props":2750,"children":2751},{"style":114},[2752],{"type":60,"value":532},{"type":55,"tag":101,"props":2754,"children":2755},{"style":114},[2756],{"type":60,"value":329},{"type":55,"tag":101,"props":2758,"children":2759},{"class":103,"line":602},[2760,2764,2768],{"type":55,"tag":101,"props":2761,"children":2762},{"style":114},[2763],{"type":60,"value":304},{"type":55,"tag":101,"props":2765,"children":2766},{"style":213},[2767],{"type":60,"value":17},{"type":55,"tag":101,"props":2769,"children":2770},{"style":114},[2771],{"type":60,"value":259},{"type":55,"tag":101,"props":2773,"children":2774},{"class":103,"line":661},[2775],{"type":55,"tag":101,"props":2776,"children":2777},{"style":203},[2778],{"type":60,"value":321},{"type":55,"tag":101,"props":2780,"children":2781},{"class":103,"line":716},[2782],{"type":55,"tag":101,"props":2783,"children":2784},{"style":114},[2785],{"type":60,"value":329},{"type":55,"tag":56,"props":2787,"children":2788},{},[2789,2791,2796,2798,2804],{"type":60,"value":2790},"The map is keyed by emitted tag names such as ",{"type":55,"tag":97,"props":2792,"children":2794},{"className":2793},[],[2795],{"type":60,"value":63},{"type":60,"value":2797},", not AST discriminants such as ",{"type":55,"tag":97,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":60,"value":2803},"link",{"type":60,"value":508},{"type":55,"tag":56,"props":2806,"children":2807},{},[2808,2809],{"type":60,"value":2099},{"type":55,"tag":97,"props":2810,"children":2812},{"className":2811},[],[2813],{"type":60,"value":2105},{"type":55,"tag":347,"props":2815,"children":2817},{"id":2816},"high-expecting-html-extension-hooks-in-react",[2818],{"type":60,"value":2819},"HIGH Expecting HTML extension hooks in React",{"type":55,"tag":56,"props":2821,"children":2822},{},[2823],{"type":60,"value":1714},{"type":55,"tag":89,"props":2825,"children":2827},{"className":91,"code":2826,"language":93,"meta":94,"style":94},"import type { MarkdownExtension } from '@tanstack\u002Fmarkdown'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst paragraphHtml: MarkdownExtension = {\n name: 'paragraph-html',\n renderHtml(node) {\n return node.type === 'paragraph'\n ? '\u003Caside>Rendered only by the HTML renderer\u003C\u002Faside>'\n : undefined\n },\n}\n\nexport function Article() {\n return \u003CMarkdown extensions={[paragraphHtml]}>Ordinary content\u003C\u002FMarkdown>\n}\n",[2828],{"type":55,"tag":97,"props":2829,"children":2830},{"__ignoreMap":94},[2831,2871,2906,2913,2941,2970,2995,3034,3055,3068,3075,3082,3089,3112,3164],{"type":55,"tag":101,"props":2832,"children":2833},{"class":103,"line":104},[2834,2838,2842,2846,2851,2855,2859,2863,2867],{"type":55,"tag":101,"props":2835,"children":2836},{"style":108},[2837],{"type":60,"value":111},{"type":55,"tag":101,"props":2839,"children":2840},{"style":108},[2841],{"type":60,"value":1463},{"type":55,"tag":101,"props":2843,"children":2844},{"style":114},[2845],{"type":60,"value":117},{"type":55,"tag":101,"props":2847,"children":2848},{"style":120},[2849],{"type":60,"value":2850}," MarkdownExtension",{"type":55,"tag":101,"props":2852,"children":2853},{"style":114},[2854],{"type":60,"value":128},{"type":55,"tag":101,"props":2856,"children":2857},{"style":108},[2858],{"type":60,"value":133},{"type":55,"tag":101,"props":2860,"children":2861},{"style":114},[2862],{"type":60,"value":138},{"type":55,"tag":101,"props":2864,"children":2865},{"style":141},[2866],{"type":60,"value":40},{"type":55,"tag":101,"props":2868,"children":2869},{"style":114},[2870],{"type":60,"value":149},{"type":55,"tag":101,"props":2872,"children":2873},{"class":103,"line":152},[2874,2878,2882,2886,2890,2894,2898,2902],{"type":55,"tag":101,"props":2875,"children":2876},{"style":108},[2877],{"type":60,"value":111},{"type":55,"tag":101,"props":2879,"children":2880},{"style":114},[2881],{"type":60,"value":117},{"type":55,"tag":101,"props":2883,"children":2884},{"style":120},[2885],{"type":60,"value":123},{"type":55,"tag":101,"props":2887,"children":2888},{"style":114},[2889],{"type":60,"value":128},{"type":55,"tag":101,"props":2891,"children":2892},{"style":108},[2893],{"type":60,"value":133},{"type":55,"tag":101,"props":2895,"children":2896},{"style":114},[2897],{"type":60,"value":138},{"type":55,"tag":101,"props":2899,"children":2900},{"style":141},[2901],{"type":60,"value":144},{"type":55,"tag":101,"props":2903,"children":2904},{"style":114},[2905],{"type":60,"value":149},{"type":55,"tag":101,"props":2907,"children":2908},{"class":103,"line":162},[2909],{"type":55,"tag":101,"props":2910,"children":2911},{"emptyLinePlaceholder":156},[2912],{"type":60,"value":159},{"type":55,"tag":101,"props":2914,"children":2915},{"class":103,"line":229},[2916,2920,2925,2929,2933,2937],{"type":55,"tag":101,"props":2917,"children":2918},{"style":171},[2919],{"type":60,"value":439},{"type":55,"tag":101,"props":2921,"children":2922},{"style":120},[2923],{"type":60,"value":2924}," paragraphHtml",{"type":55,"tag":101,"props":2926,"children":2927},{"style":114},[2928],{"type":60,"value":210},{"type":55,"tag":101,"props":2930,"children":2931},{"style":213},[2932],{"type":60,"value":2850},{"type":55,"tag":101,"props":2934,"children":2935},{"style":114},[2936],{"type":60,"value":498},{"type":55,"tag":101,"props":2938,"children":2939},{"style":114},[2940],{"type":60,"value":226},{"type":55,"tag":101,"props":2942,"children":2943},{"class":103,"line":243},[2944,2949,2953,2957,2962,2966],{"type":55,"tag":101,"props":2945,"children":2946},{"style":203},[2947],{"type":60,"value":2948}," name",{"type":55,"tag":101,"props":2950,"children":2951},{"style":114},[2952],{"type":60,"value":210},{"type":55,"tag":101,"props":2954,"children":2955},{"style":114},[2956],{"type":60,"value":138},{"type":55,"tag":101,"props":2958,"children":2959},{"style":141},[2960],{"type":60,"value":2961},"paragraph-html",{"type":55,"tag":101,"props":2963,"children":2964},{"style":114},[2965],{"type":60,"value":532},{"type":55,"tag":101,"props":2967,"children":2968},{"style":114},[2969],{"type":60,"value":383},{"type":55,"tag":101,"props":2971,"children":2972},{"class":103,"line":262},[2973,2978,2982,2987,2991],{"type":55,"tag":101,"props":2974,"children":2975},{"style":203},[2976],{"type":60,"value":2977}," renderHtml",{"type":55,"tag":101,"props":2979,"children":2980},{"style":114},[2981],{"type":60,"value":466},{"type":55,"tag":101,"props":2983,"children":2984},{"style":188},[2985],{"type":60,"value":2986},"node",{"type":55,"tag":101,"props":2988,"children":2989},{"style":114},[2990],{"type":60,"value":476},{"type":55,"tag":101,"props":2992,"children":2993},{"style":114},[2994],{"type":60,"value":226},{"type":55,"tag":101,"props":2996,"children":2997},{"class":103,"line":298},[2998,3002,3007,3011,3016,3021,3025,3030],{"type":55,"tag":101,"props":2999,"children":3000},{"style":108},[3001],{"type":60,"value":565},{"type":55,"tag":101,"props":3003,"children":3004},{"style":120},[3005],{"type":60,"value":3006}," node",{"type":55,"tag":101,"props":3008,"children":3009},{"style":114},[3010],{"type":60,"value":508},{"type":55,"tag":101,"props":3012,"children":3013},{"style":120},[3014],{"type":60,"value":3015},"type",{"type":55,"tag":101,"props":3017,"children":3018},{"style":114},[3019],{"type":60,"value":3020}," ===",{"type":55,"tag":101,"props":3022,"children":3023},{"style":114},[3024],{"type":60,"value":138},{"type":55,"tag":101,"props":3026,"children":3027},{"style":141},[3028],{"type":60,"value":3029},"paragraph",{"type":55,"tag":101,"props":3031,"children":3032},{"style":114},[3033],{"type":60,"value":149},{"type":55,"tag":101,"props":3035,"children":3036},{"class":103,"line":315},[3037,3042,3046,3051],{"type":55,"tag":101,"props":3038,"children":3039},{"style":114},[3040],{"type":60,"value":3041}," ?",{"type":55,"tag":101,"props":3043,"children":3044},{"style":114},[3045],{"type":60,"value":138},{"type":55,"tag":101,"props":3047,"children":3048},{"style":141},[3049],{"type":60,"value":3050},"\u003Caside>Rendered only by the HTML renderer\u003C\u002Faside>",{"type":55,"tag":101,"props":3052,"children":3053},{"style":114},[3054],{"type":60,"value":149},{"type":55,"tag":101,"props":3056,"children":3057},{"class":103,"line":25},[3058,3063],{"type":55,"tag":101,"props":3059,"children":3060},{"style":114},[3061],{"type":60,"value":3062}," :",{"type":55,"tag":101,"props":3064,"children":3065},{"style":114},[3066],{"type":60,"value":3067}," undefined\n",{"type":55,"tag":101,"props":3069,"children":3070},{"class":103,"line":572},[3071],{"type":55,"tag":101,"props":3072,"children":3073},{"style":114},[3074],{"type":60,"value":740},{"type":55,"tag":101,"props":3076,"children":3077},{"class":103,"line":585},[3078],{"type":55,"tag":101,"props":3079,"children":3080},{"style":114},[3081],{"type":60,"value":329},{"type":55,"tag":101,"props":3083,"children":3084},{"class":103,"line":602},[3085],{"type":55,"tag":101,"props":3086,"children":3087},{"emptyLinePlaceholder":156},[3088],{"type":60,"value":159},{"type":55,"tag":101,"props":3090,"children":3091},{"class":103,"line":661},[3092,3096,3100,3104,3108],{"type":55,"tag":101,"props":3093,"children":3094},{"style":108},[3095],{"type":60,"value":168},{"type":55,"tag":101,"props":3097,"children":3098},{"style":171},[3099],{"type":60,"value":174},{"type":55,"tag":101,"props":3101,"children":3102},{"style":177},[3103],{"type":60,"value":180},{"type":55,"tag":101,"props":3105,"children":3106},{"style":114},[3107],{"type":60,"value":1101},{"type":55,"tag":101,"props":3109,"children":3110},{"style":114},[3111],{"type":60,"value":226},{"type":55,"tag":101,"props":3113,"children":3114},{"class":103,"line":716},[3115,3119,3123,3127,3132,3136,3141,3146,3151,3156,3160],{"type":55,"tag":101,"props":3116,"children":3117},{"style":108},[3118],{"type":60,"value":235},{"type":55,"tag":101,"props":3120,"children":3121},{"style":114},[3122],{"type":60,"value":1860},{"type":55,"tag":101,"props":3124,"children":3125},{"style":213},[3126],{"type":60,"value":17},{"type":55,"tag":101,"props":3128,"children":3129},{"style":171},[3130],{"type":60,"value":3131}," extensions",{"type":55,"tag":101,"props":3133,"children":3134},{"style":114},[3135],{"type":60,"value":613},{"type":55,"tag":101,"props":3137,"children":3138},{"style":120},[3139],{"type":60,"value":3140},"[paragraphHtml]",{"type":55,"tag":101,"props":3142,"children":3143},{"style":114},[3144],{"type":60,"value":3145},"}>",{"type":55,"tag":101,"props":3147,"children":3148},{"style":120},[3149],{"type":60,"value":3150},"Ordinary content",{"type":55,"tag":101,"props":3152,"children":3153},{"style":114},[3154],{"type":60,"value":3155},"\u003C\u002F",{"type":55,"tag":101,"props":3157,"children":3158},{"style":213},[3159],{"type":60,"value":17},{"type":55,"tag":101,"props":3161,"children":3162},{"style":114},[3163],{"type":60,"value":259},{"type":55,"tag":101,"props":3165,"children":3166},{"class":103,"line":725},[3167],{"type":55,"tag":101,"props":3168,"children":3169},{"style":114},[3170],{"type":60,"value":329},{"type":55,"tag":56,"props":3172,"children":3173},{},[3174],{"type":60,"value":1904},{"type":55,"tag":89,"props":3176,"children":3178},{"className":91,"code":3177,"language":93,"meta":94,"style":94},"import type { MarkdownExtension } from '@tanstack\u002Fmarkdown'\nimport type { PropsWithChildren } from 'react'\nimport { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nconst panelExtension: MarkdownExtension = {\n name: 'panel',\n transformDocument(document) {\n return {\n ...document,\n children: [\n {\n type: 'component',\n name: 'panel',\n tagName: 'doc-panel',\n attributes: {},\n children: document.children,\n },\n ],\n }\n },\n}\n\nfunction Panel({ children }: PropsWithChildren) {\n return \u003Caside className=\"documentation-panel\">{children}\u003C\u002Faside>\n}\n\nexport function Article() {\n return (\n \u003CMarkdown\n components={{ 'doc-panel': Panel }}\n extensions={[panelExtension]}\n >\n Ordinary content\n \u003C\u002FMarkdown>\n )\n}\n",[3179],{"type":55,"tag":97,"props":3180,"children":3181},{"__ignoreMap":94},[3182,3221,3261,3296,3303,3331,3359,3383,3394,3410,3427,3435,3464,3492,3521,3538,3568,3576,3588,3596,3603,3610,3617,3654,3712,3719,3727,3751,3763,3776,3815,3837,3846,3855,3871,3879],{"type":55,"tag":101,"props":3183,"children":3184},{"class":103,"line":104},[3185,3189,3193,3197,3201,3205,3209,3213,3217],{"type":55,"tag":101,"props":3186,"children":3187},{"style":108},[3188],{"type":60,"value":111},{"type":55,"tag":101,"props":3190,"children":3191},{"style":108},[3192],{"type":60,"value":1463},{"type":55,"tag":101,"props":3194,"children":3195},{"style":114},[3196],{"type":60,"value":117},{"type":55,"tag":101,"props":3198,"children":3199},{"style":120},[3200],{"type":60,"value":2850},{"type":55,"tag":101,"props":3202,"children":3203},{"style":114},[3204],{"type":60,"value":128},{"type":55,"tag":101,"props":3206,"children":3207},{"style":108},[3208],{"type":60,"value":133},{"type":55,"tag":101,"props":3210,"children":3211},{"style":114},[3212],{"type":60,"value":138},{"type":55,"tag":101,"props":3214,"children":3215},{"style":141},[3216],{"type":60,"value":40},{"type":55,"tag":101,"props":3218,"children":3219},{"style":114},[3220],{"type":60,"value":149},{"type":55,"tag":101,"props":3222,"children":3223},{"class":103,"line":152},[3224,3228,3232,3236,3241,3245,3249,3253,3257],{"type":55,"tag":101,"props":3225,"children":3226},{"style":108},[3227],{"type":60,"value":111},{"type":55,"tag":101,"props":3229,"children":3230},{"style":108},[3231],{"type":60,"value":1463},{"type":55,"tag":101,"props":3233,"children":3234},{"style":114},[3235],{"type":60,"value":117},{"type":55,"tag":101,"props":3237,"children":3238},{"style":120},[3239],{"type":60,"value":3240}," PropsWithChildren",{"type":55,"tag":101,"props":3242,"children":3243},{"style":114},[3244],{"type":60,"value":128},{"type":55,"tag":101,"props":3246,"children":3247},{"style":108},[3248],{"type":60,"value":133},{"type":55,"tag":101,"props":3250,"children":3251},{"style":114},[3252],{"type":60,"value":138},{"type":55,"tag":101,"props":3254,"children":3255},{"style":141},[3256],{"type":60,"value":14},{"type":55,"tag":101,"props":3258,"children":3259},{"style":114},[3260],{"type":60,"value":149},{"type":55,"tag":101,"props":3262,"children":3263},{"class":103,"line":162},[3264,3268,3272,3276,3280,3284,3288,3292],{"type":55,"tag":101,"props":3265,"children":3266},{"style":108},[3267],{"type":60,"value":111},{"type":55,"tag":101,"props":3269,"children":3270},{"style":114},[3271],{"type":60,"value":117},{"type":55,"tag":101,"props":3273,"children":3274},{"style":120},[3275],{"type":60,"value":123},{"type":55,"tag":101,"props":3277,"children":3278},{"style":114},[3279],{"type":60,"value":128},{"type":55,"tag":101,"props":3281,"children":3282},{"style":108},[3283],{"type":60,"value":133},{"type":55,"tag":101,"props":3285,"children":3286},{"style":114},[3287],{"type":60,"value":138},{"type":55,"tag":101,"props":3289,"children":3290},{"style":141},[3291],{"type":60,"value":144},{"type":55,"tag":101,"props":3293,"children":3294},{"style":114},[3295],{"type":60,"value":149},{"type":55,"tag":101,"props":3297,"children":3298},{"class":103,"line":229},[3299],{"type":55,"tag":101,"props":3300,"children":3301},{"emptyLinePlaceholder":156},[3302],{"type":60,"value":159},{"type":55,"tag":101,"props":3304,"children":3305},{"class":103,"line":243},[3306,3310,3315,3319,3323,3327],{"type":55,"tag":101,"props":3307,"children":3308},{"style":171},[3309],{"type":60,"value":439},{"type":55,"tag":101,"props":3311,"children":3312},{"style":120},[3313],{"type":60,"value":3314}," panelExtension",{"type":55,"tag":101,"props":3316,"children":3317},{"style":114},[3318],{"type":60,"value":210},{"type":55,"tag":101,"props":3320,"children":3321},{"style":213},[3322],{"type":60,"value":2850},{"type":55,"tag":101,"props":3324,"children":3325},{"style":114},[3326],{"type":60,"value":498},{"type":55,"tag":101,"props":3328,"children":3329},{"style":114},[3330],{"type":60,"value":226},{"type":55,"tag":101,"props":3332,"children":3333},{"class":103,"line":262},[3334,3338,3342,3346,3351,3355],{"type":55,"tag":101,"props":3335,"children":3336},{"style":203},[3337],{"type":60,"value":2948},{"type":55,"tag":101,"props":3339,"children":3340},{"style":114},[3341],{"type":60,"value":210},{"type":55,"tag":101,"props":3343,"children":3344},{"style":114},[3345],{"type":60,"value":138},{"type":55,"tag":101,"props":3347,"children":3348},{"style":141},[3349],{"type":60,"value":3350},"panel",{"type":55,"tag":101,"props":3352,"children":3353},{"style":114},[3354],{"type":60,"value":532},{"type":55,"tag":101,"props":3356,"children":3357},{"style":114},[3358],{"type":60,"value":383},{"type":55,"tag":101,"props":3360,"children":3361},{"class":103,"line":298},[3362,3367,3371,3375,3379],{"type":55,"tag":101,"props":3363,"children":3364},{"style":203},[3365],{"type":60,"value":3366}," transformDocument",{"type":55,"tag":101,"props":3368,"children":3369},{"style":114},[3370],{"type":60,"value":466},{"type":55,"tag":101,"props":3372,"children":3373},{"style":188},[3374],{"type":60,"value":1151},{"type":55,"tag":101,"props":3376,"children":3377},{"style":114},[3378],{"type":60,"value":476},{"type":55,"tag":101,"props":3380,"children":3381},{"style":114},[3382],{"type":60,"value":226},{"type":55,"tag":101,"props":3384,"children":3385},{"class":103,"line":315},[3386,3390],{"type":55,"tag":101,"props":3387,"children":3388},{"style":108},[3389],{"type":60,"value":565},{"type":55,"tag":101,"props":3391,"children":3392},{"style":114},[3393],{"type":60,"value":226},{"type":55,"tag":101,"props":3395,"children":3396},{"class":103,"line":25},[3397,3402,3406],{"type":55,"tag":101,"props":3398,"children":3399},{"style":114},[3400],{"type":60,"value":3401}," ...",{"type":55,"tag":101,"props":3403,"children":3404},{"style":120},[3405],{"type":60,"value":1151},{"type":55,"tag":101,"props":3407,"children":3408},{"style":114},[3409],{"type":60,"value":383},{"type":55,"tag":101,"props":3411,"children":3412},{"class":103,"line":572},[3413,3418,3422],{"type":55,"tag":101,"props":3414,"children":3415},{"style":203},[3416],{"type":60,"value":3417}," children",{"type":55,"tag":101,"props":3419,"children":3420},{"style":114},[3421],{"type":60,"value":210},{"type":55,"tag":101,"props":3423,"children":3424},{"style":203},[3425],{"type":60,"value":3426}," [\n",{"type":55,"tag":101,"props":3428,"children":3429},{"class":103,"line":585},[3430],{"type":55,"tag":101,"props":3431,"children":3432},{"style":114},[3433],{"type":60,"value":3434}," {\n",{"type":55,"tag":101,"props":3436,"children":3437},{"class":103,"line":602},[3438,3443,3447,3451,3456,3460],{"type":55,"tag":101,"props":3439,"children":3440},{"style":203},[3441],{"type":60,"value":3442}," type",{"type":55,"tag":101,"props":3444,"children":3445},{"style":114},[3446],{"type":60,"value":210},{"type":55,"tag":101,"props":3448,"children":3449},{"style":114},[3450],{"type":60,"value":138},{"type":55,"tag":101,"props":3452,"children":3453},{"style":141},[3454],{"type":60,"value":3455},"component",{"type":55,"tag":101,"props":3457,"children":3458},{"style":114},[3459],{"type":60,"value":532},{"type":55,"tag":101,"props":3461,"children":3462},{"style":114},[3463],{"type":60,"value":383},{"type":55,"tag":101,"props":3465,"children":3466},{"class":103,"line":661},[3467,3472,3476,3480,3484,3488],{"type":55,"tag":101,"props":3468,"children":3469},{"style":203},[3470],{"type":60,"value":3471}," name",{"type":55,"tag":101,"props":3473,"children":3474},{"style":114},[3475],{"type":60,"value":210},{"type":55,"tag":101,"props":3477,"children":3478},{"style":114},[3479],{"type":60,"value":138},{"type":55,"tag":101,"props":3481,"children":3482},{"style":141},[3483],{"type":60,"value":3350},{"type":55,"tag":101,"props":3485,"children":3486},{"style":114},[3487],{"type":60,"value":532},{"type":55,"tag":101,"props":3489,"children":3490},{"style":114},[3491],{"type":60,"value":383},{"type":55,"tag":101,"props":3493,"children":3494},{"class":103,"line":716},[3495,3500,3504,3508,3513,3517],{"type":55,"tag":101,"props":3496,"children":3497},{"style":203},[3498],{"type":60,"value":3499}," tagName",{"type":55,"tag":101,"props":3501,"children":3502},{"style":114},[3503],{"type":60,"value":210},{"type":55,"tag":101,"props":3505,"children":3506},{"style":114},[3507],{"type":60,"value":138},{"type":55,"tag":101,"props":3509,"children":3510},{"style":141},[3511],{"type":60,"value":3512},"doc-panel",{"type":55,"tag":101,"props":3514,"children":3515},{"style":114},[3516],{"type":60,"value":532},{"type":55,"tag":101,"props":3518,"children":3519},{"style":114},[3520],{"type":60,"value":383},{"type":55,"tag":101,"props":3522,"children":3523},{"class":103,"line":725},[3524,3529,3533],{"type":55,"tag":101,"props":3525,"children":3526},{"style":203},[3527],{"type":60,"value":3528}," attributes",{"type":55,"tag":101,"props":3530,"children":3531},{"style":114},[3532],{"type":60,"value":210},{"type":55,"tag":101,"props":3534,"children":3535},{"style":114},[3536],{"type":60,"value":3537}," {},\n",{"type":55,"tag":101,"props":3539,"children":3540},{"class":103,"line":734},[3541,3546,3550,3555,3559,3564],{"type":55,"tag":101,"props":3542,"children":3543},{"style":203},[3544],{"type":60,"value":3545}," children",{"type":55,"tag":101,"props":3547,"children":3548},{"style":114},[3549],{"type":60,"value":210},{"type":55,"tag":101,"props":3551,"children":3552},{"style":120},[3553],{"type":60,"value":3554}," document",{"type":55,"tag":101,"props":3556,"children":3557},{"style":114},[3558],{"type":60,"value":508},{"type":55,"tag":101,"props":3560,"children":3561},{"style":120},[3562],{"type":60,"value":3563},"children",{"type":55,"tag":101,"props":3565,"children":3566},{"style":114},[3567],{"type":60,"value":383},{"type":55,"tag":101,"props":3569,"children":3570},{"class":103,"line":743},[3571],{"type":55,"tag":101,"props":3572,"children":3573},{"style":114},[3574],{"type":60,"value":3575}," },\n",{"type":55,"tag":101,"props":3577,"children":3578},{"class":103,"line":761},[3579,3584],{"type":55,"tag":101,"props":3580,"children":3581},{"style":203},[3582],{"type":60,"value":3583}," ]",{"type":55,"tag":101,"props":3585,"children":3586},{"style":114},[3587],{"type":60,"value":383},{"type":55,"tag":101,"props":3589,"children":3590},{"class":103,"line":769},[3591],{"type":55,"tag":101,"props":3592,"children":3593},{"style":114},[3594],{"type":60,"value":3595}," }\n",{"type":55,"tag":101,"props":3597,"children":3598},{"class":103,"line":821},[3599],{"type":55,"tag":101,"props":3600,"children":3601},{"style":114},[3602],{"type":60,"value":740},{"type":55,"tag":101,"props":3604,"children":3605},{"class":103,"line":833},[3606],{"type":55,"tag":101,"props":3607,"children":3608},{"style":114},[3609],{"type":60,"value":329},{"type":55,"tag":101,"props":3611,"children":3612},{"class":103,"line":849},[3613],{"type":55,"tag":101,"props":3614,"children":3615},{"emptyLinePlaceholder":156},[3616],{"type":60,"value":159},{"type":55,"tag":101,"props":3618,"children":3619},{"class":103,"line":896},[3620,3624,3629,3633,3638,3642,3646,3650],{"type":55,"tag":101,"props":3621,"children":3622},{"style":171},[3623],{"type":60,"value":2212},{"type":55,"tag":101,"props":3625,"children":3626},{"style":177},[3627],{"type":60,"value":3628}," Panel",{"type":55,"tag":101,"props":3630,"children":3631},{"style":114},[3632],{"type":60,"value":185},{"type":55,"tag":101,"props":3634,"children":3635},{"style":188},[3636],{"type":60,"value":3637}," children",{"type":55,"tag":101,"props":3639,"children":3640},{"style":114},[3641],{"type":60,"value":196},{"type":55,"tag":101,"props":3643,"children":3644},{"style":213},[3645],{"type":60,"value":3240},{"type":55,"tag":101,"props":3647,"children":3648},{"style":114},[3649],{"type":60,"value":476},{"type":55,"tag":101,"props":3651,"children":3652},{"style":114},[3653],{"type":60,"value":226},{"type":55,"tag":101,"props":3655,"children":3656},{"class":103,"line":912},[3657,3661,3665,3670,3675,3679,3683,3688,3692,3696,3700,3704,3708],{"type":55,"tag":101,"props":3658,"children":3659},{"style":108},[3660],{"type":60,"value":235},{"type":55,"tag":101,"props":3662,"children":3663},{"style":114},[3664],{"type":60,"value":1860},{"type":55,"tag":101,"props":3666,"children":3667},{"style":203},[3668],{"type":60,"value":3669},"aside",{"type":55,"tag":101,"props":3671,"children":3672},{"style":171},[3673],{"type":60,"value":3674}," className",{"type":55,"tag":101,"props":3676,"children":3677},{"style":114},[3678],{"type":60,"value":449},{"type":55,"tag":101,"props":3680,"children":3681},{"style":114},[3682],{"type":60,"value":2302},{"type":55,"tag":101,"props":3684,"children":3685},{"style":141},[3686],{"type":60,"value":3687},"documentation-panel",{"type":55,"tag":101,"props":3689,"children":3690},{"style":114},[3691],{"type":60,"value":2302},{"type":55,"tag":101,"props":3693,"children":3694},{"style":114},[3695],{"type":60,"value":277},{"type":55,"tag":101,"props":3697,"children":3698},{"style":120},[3699],{"type":60,"value":3563},{"type":55,"tag":101,"props":3701,"children":3702},{"style":114},[3703],{"type":60,"value":287},{"type":55,"tag":101,"props":3705,"children":3706},{"style":203},[3707],{"type":60,"value":3669},{"type":55,"tag":101,"props":3709,"children":3710},{"style":114},[3711],{"type":60,"value":259},{"type":55,"tag":101,"props":3713,"children":3714},{"class":103,"line":920},[3715],{"type":55,"tag":101,"props":3716,"children":3717},{"style":114},[3718],{"type":60,"value":329},{"type":55,"tag":101,"props":3720,"children":3722},{"class":103,"line":3721},26,[3723],{"type":55,"tag":101,"props":3724,"children":3725},{"emptyLinePlaceholder":156},[3726],{"type":60,"value":159},{"type":55,"tag":101,"props":3728,"children":3730},{"class":103,"line":3729},27,[3731,3735,3739,3743,3747],{"type":55,"tag":101,"props":3732,"children":3733},{"style":108},[3734],{"type":60,"value":168},{"type":55,"tag":101,"props":3736,"children":3737},{"style":171},[3738],{"type":60,"value":174},{"type":55,"tag":101,"props":3740,"children":3741},{"style":177},[3742],{"type":60,"value":180},{"type":55,"tag":101,"props":3744,"children":3745},{"style":114},[3746],{"type":60,"value":1101},{"type":55,"tag":101,"props":3748,"children":3749},{"style":114},[3750],{"type":60,"value":226},{"type":55,"tag":101,"props":3752,"children":3754},{"class":103,"line":3753},28,[3755,3759],{"type":55,"tag":101,"props":3756,"children":3757},{"style":108},[3758],{"type":60,"value":235},{"type":55,"tag":101,"props":3760,"children":3761},{"style":203},[3762],{"type":60,"value":240},{"type":55,"tag":101,"props":3764,"children":3766},{"class":103,"line":3765},29,[3767,3771],{"type":55,"tag":101,"props":3768,"children":3769},{"style":114},[3770],{"type":60,"value":249},{"type":55,"tag":101,"props":3772,"children":3773},{"style":213},[3774],{"type":60,"value":3775},"Markdown\n",{"type":55,"tag":101,"props":3777,"children":3779},{"class":103,"line":3778},30,[3780,3785,3789,3793,3797,3801,3805,3810],{"type":55,"tag":101,"props":3781,"children":3782},{"style":171},[3783],{"type":60,"value":3784}," components",{"type":55,"tag":101,"props":3786,"children":3787},{"style":114},[3788],{"type":60,"value":1874},{"type":55,"tag":101,"props":3790,"children":3791},{"style":114},[3792],{"type":60,"value":138},{"type":55,"tag":101,"props":3794,"children":3795},{"style":203},[3796],{"type":60,"value":3512},{"type":55,"tag":101,"props":3798,"children":3799},{"style":114},[3800],{"type":60,"value":532},{"type":55,"tag":101,"props":3802,"children":3803},{"style":114},[3804],{"type":60,"value":210},{"type":55,"tag":101,"props":3806,"children":3807},{"style":120},[3808],{"type":60,"value":3809}," Panel ",{"type":55,"tag":101,"props":3811,"children":3812},{"style":114},[3813],{"type":60,"value":3814},"}}\n",{"type":55,"tag":101,"props":3816,"children":3818},{"class":103,"line":3817},31,[3819,3824,3828,3833],{"type":55,"tag":101,"props":3820,"children":3821},{"style":171},[3822],{"type":60,"value":3823}," extensions",{"type":55,"tag":101,"props":3825,"children":3826},{"style":114},[3827],{"type":60,"value":613},{"type":55,"tag":101,"props":3829,"children":3830},{"style":120},[3831],{"type":60,"value":3832},"[panelExtension]",{"type":55,"tag":101,"props":3834,"children":3835},{"style":114},[3836],{"type":60,"value":329},{"type":55,"tag":101,"props":3838,"children":3840},{"class":103,"line":3839},32,[3841],{"type":55,"tag":101,"props":3842,"children":3843},{"style":114},[3844],{"type":60,"value":3845}," >\n",{"type":55,"tag":101,"props":3847,"children":3849},{"class":103,"line":3848},33,[3850],{"type":55,"tag":101,"props":3851,"children":3852},{"style":120},[3853],{"type":60,"value":3854}," Ordinary content\n",{"type":55,"tag":101,"props":3856,"children":3858},{"class":103,"line":3857},34,[3859,3863,3867],{"type":55,"tag":101,"props":3860,"children":3861},{"style":114},[3862],{"type":60,"value":304},{"type":55,"tag":101,"props":3864,"children":3865},{"style":213},[3866],{"type":60,"value":17},{"type":55,"tag":101,"props":3868,"children":3869},{"style":114},[3870],{"type":60,"value":259},{"type":55,"tag":101,"props":3872,"children":3874},{"class":103,"line":3873},35,[3875],{"type":55,"tag":101,"props":3876,"children":3877},{"style":203},[3878],{"type":60,"value":321},{"type":55,"tag":101,"props":3880,"children":3882},{"class":103,"line":3881},36,[3883],{"type":55,"tag":101,"props":3884,"children":3885},{"style":114},[3886],{"type":60,"value":329},{"type":55,"tag":56,"props":3888,"children":3889},{},[3890,3896,3898,3904],{"type":55,"tag":97,"props":3891,"children":3893},{"className":3892},[],[3894],{"type":60,"value":3895},"MarkdownExtension.renderHtml",{"type":60,"value":3897}," is HTML-specific; portable custom output uses ",{"type":55,"tag":97,"props":3899,"children":3901},{"className":3900},[],[3902],{"type":60,"value":3903},"ComponentNode",{"type":60,"value":3905}," and an emitted-tag component mapping.",{"type":55,"tag":56,"props":3907,"children":3908},{},[3909,3910],{"type":60,"value":2099},{"type":55,"tag":97,"props":3911,"children":3913},{"className":3912},[],[3914],{"type":60,"value":3915},"docs\u002Fguides\u002Fextensions.md",{"type":55,"tag":347,"props":3917,"children":3919},{"id":3918},"critical-enabling-raw-html-for-untrusted-input",[3920],{"type":60,"value":3921},"CRITICAL Enabling raw HTML for untrusted input",{"type":55,"tag":56,"props":3923,"children":3924},{},[3925],{"type":60,"value":1714},{"type":55,"tag":89,"props":3927,"children":3929},{"className":91,"code":3928,"language":93,"meta":94,"style":94},"import { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function UserPost({ source }: { source: string }) {\n return \u003CMarkdown allowHtml>{source}\u003C\u002FMarkdown>\n}\n",[3930],{"type":55,"tag":97,"props":3931,"children":3932},{"__ignoreMap":94},[3933,3968,3975,4027,4067],{"type":55,"tag":101,"props":3934,"children":3935},{"class":103,"line":104},[3936,3940,3944,3948,3952,3956,3960,3964],{"type":55,"tag":101,"props":3937,"children":3938},{"style":108},[3939],{"type":60,"value":111},{"type":55,"tag":101,"props":3941,"children":3942},{"style":114},[3943],{"type":60,"value":117},{"type":55,"tag":101,"props":3945,"children":3946},{"style":120},[3947],{"type":60,"value":123},{"type":55,"tag":101,"props":3949,"children":3950},{"style":114},[3951],{"type":60,"value":128},{"type":55,"tag":101,"props":3953,"children":3954},{"style":108},[3955],{"type":60,"value":133},{"type":55,"tag":101,"props":3957,"children":3958},{"style":114},[3959],{"type":60,"value":138},{"type":55,"tag":101,"props":3961,"children":3962},{"style":141},[3963],{"type":60,"value":144},{"type":55,"tag":101,"props":3965,"children":3966},{"style":114},[3967],{"type":60,"value":149},{"type":55,"tag":101,"props":3969,"children":3970},{"class":103,"line":152},[3971],{"type":55,"tag":101,"props":3972,"children":3973},{"emptyLinePlaceholder":156},[3974],{"type":60,"value":159},{"type":55,"tag":101,"props":3976,"children":3977},{"class":103,"line":162},[3978,3982,3986,3991,3995,3999,4003,4007,4011,4015,4019,4023],{"type":55,"tag":101,"props":3979,"children":3980},{"style":108},[3981],{"type":60,"value":168},{"type":55,"tag":101,"props":3983,"children":3984},{"style":171},[3985],{"type":60,"value":174},{"type":55,"tag":101,"props":3987,"children":3988},{"style":177},[3989],{"type":60,"value":3990}," UserPost",{"type":55,"tag":101,"props":3992,"children":3993},{"style":114},[3994],{"type":60,"value":185},{"type":55,"tag":101,"props":3996,"children":3997},{"style":188},[3998],{"type":60,"value":191},{"type":55,"tag":101,"props":4000,"children":4001},{"style":114},[4002],{"type":60,"value":196},{"type":55,"tag":101,"props":4004,"children":4005},{"style":114},[4006],{"type":60,"value":117},{"type":55,"tag":101,"props":4008,"children":4009},{"style":203},[4010],{"type":60,"value":191},{"type":55,"tag":101,"props":4012,"children":4013},{"style":114},[4014],{"type":60,"value":210},{"type":55,"tag":101,"props":4016,"children":4017},{"style":213},[4018],{"type":60,"value":216},{"type":55,"tag":101,"props":4020,"children":4021},{"style":114},[4022],{"type":60,"value":221},{"type":55,"tag":101,"props":4024,"children":4025},{"style":114},[4026],{"type":60,"value":226},{"type":55,"tag":101,"props":4028,"children":4029},{"class":103,"line":229},[4030,4034,4038,4042,4047,4051,4055,4059,4063],{"type":55,"tag":101,"props":4031,"children":4032},{"style":108},[4033],{"type":60,"value":235},{"type":55,"tag":101,"props":4035,"children":4036},{"style":114},[4037],{"type":60,"value":1860},{"type":55,"tag":101,"props":4039,"children":4040},{"style":213},[4041],{"type":60,"value":17},{"type":55,"tag":101,"props":4043,"children":4044},{"style":171},[4045],{"type":60,"value":4046}," allowHtml",{"type":55,"tag":101,"props":4048,"children":4049},{"style":114},[4050],{"type":60,"value":277},{"type":55,"tag":101,"props":4052,"children":4053},{"style":120},[4054],{"type":60,"value":282},{"type":55,"tag":101,"props":4056,"children":4057},{"style":114},[4058],{"type":60,"value":287},{"type":55,"tag":101,"props":4060,"children":4061},{"style":213},[4062],{"type":60,"value":17},{"type":55,"tag":101,"props":4064,"children":4065},{"style":114},[4066],{"type":60,"value":259},{"type":55,"tag":101,"props":4068,"children":4069},{"class":103,"line":243},[4070],{"type":55,"tag":101,"props":4071,"children":4072},{"style":114},[4073],{"type":60,"value":329},{"type":55,"tag":56,"props":4075,"children":4076},{},[4077],{"type":60,"value":1904},{"type":55,"tag":89,"props":4079,"children":4081},{"className":91,"code":4080,"language":93,"meta":94,"style":94},"import { Markdown } from '@tanstack\u002Fmarkdown\u002Freact'\n\nexport function UserPost({ source }: { source: string }) {\n return \u003CMarkdown>{source}\u003C\u002FMarkdown>\n}\n",[4082],{"type":55,"tag":97,"props":4083,"children":4084},{"__ignoreMap":94},[4085,4120,4127,4178,4213],{"type":55,"tag":101,"props":4086,"children":4087},{"class":103,"line":104},[4088,4092,4096,4100,4104,4108,4112,4116],{"type":55,"tag":101,"props":4089,"children":4090},{"style":108},[4091],{"type":60,"value":111},{"type":55,"tag":101,"props":4093,"children":4094},{"style":114},[4095],{"type":60,"value":117},{"type":55,"tag":101,"props":4097,"children":4098},{"style":120},[4099],{"type":60,"value":123},{"type":55,"tag":101,"props":4101,"children":4102},{"style":114},[4103],{"type":60,"value":128},{"type":55,"tag":101,"props":4105,"children":4106},{"style":108},[4107],{"type":60,"value":133},{"type":55,"tag":101,"props":4109,"children":4110},{"style":114},[4111],{"type":60,"value":138},{"type":55,"tag":101,"props":4113,"children":4114},{"style":141},[4115],{"type":60,"value":144},{"type":55,"tag":101,"props":4117,"children":4118},{"style":114},[4119],{"type":60,"value":149},{"type":55,"tag":101,"props":4121,"children":4122},{"class":103,"line":152},[4123],{"type":55,"tag":101,"props":4124,"children":4125},{"emptyLinePlaceholder":156},[4126],{"type":60,"value":159},{"type":55,"tag":101,"props":4128,"children":4129},{"class":103,"line":162},[4130,4134,4138,4142,4146,4150,4154,4158,4162,4166,4170,4174],{"type":55,"tag":101,"props":4131,"children":4132},{"style":108},[4133],{"type":60,"value":168},{"type":55,"tag":101,"props":4135,"children":4136},{"style":171},[4137],{"type":60,"value":174},{"type":55,"tag":101,"props":4139,"children":4140},{"style":177},[4141],{"type":60,"value":3990},{"type":55,"tag":101,"props":4143,"children":4144},{"style":114},[4145],{"type":60,"value":185},{"type":55,"tag":101,"props":4147,"children":4148},{"style":188},[4149],{"type":60,"value":191},{"type":55,"tag":101,"props":4151,"children":4152},{"style":114},[4153],{"type":60,"value":196},{"type":55,"tag":101,"props":4155,"children":4156},{"style":114},[4157],{"type":60,"value":117},{"type":55,"tag":101,"props":4159,"children":4160},{"style":203},[4161],{"type":60,"value":191},{"type":55,"tag":101,"props":4163,"children":4164},{"style":114},[4165],{"type":60,"value":210},{"type":55,"tag":101,"props":4167,"children":4168},{"style":213},[4169],{"type":60,"value":216},{"type":55,"tag":101,"props":4171,"children":4172},{"style":114},[4173],{"type":60,"value":221},{"type":55,"tag":101,"props":4175,"children":4176},{"style":114},[4177],{"type":60,"value":226},{"type":55,"tag":101,"props":4179,"children":4180},{"class":103,"line":229},[4181,4185,4189,4193,4197,4201,4205,4209],{"type":55,"tag":101,"props":4182,"children":4183},{"style":108},[4184],{"type":60,"value":235},{"type":55,"tag":101,"props":4186,"children":4187},{"style":114},[4188],{"type":60,"value":1860},{"type":55,"tag":101,"props":4190,"children":4191},{"style":213},[4192],{"type":60,"value":17},{"type":55,"tag":101,"props":4194,"children":4195},{"style":114},[4196],{"type":60,"value":277},{"type":55,"tag":101,"props":4198,"children":4199},{"style":120},[4200],{"type":60,"value":282},{"type":55,"tag":101,"props":4202,"children":4203},{"style":114},[4204],{"type":60,"value":287},{"type":55,"tag":101,"props":4206,"children":4207},{"style":213},[4208],{"type":60,"value":17},{"type":55,"tag":101,"props":4210,"children":4211},{"style":114},[4212],{"type":60,"value":259},{"type":55,"tag":101,"props":4214,"children":4215},{"class":103,"line":243},[4216],{"type":55,"tag":101,"props":4217,"children":4218},{"style":114},[4219],{"type":60,"value":329},{"type":55,"tag":56,"props":4221,"children":4222},{},[4223,4225,4231,4233,4239],{"type":60,"value":4224},"With ",{"type":55,"tag":97,"props":4226,"children":4228},{"className":4227},[],[4229],{"type":60,"value":4230},"allowHtml",{"type":60,"value":4232},", React uses ",{"type":55,"tag":97,"props":4234,"children":4236},{"className":4235},[],[4237],{"type":60,"value":4238},"dangerouslySetInnerHTML",{"type":60,"value":4240},"; TanStack Markdown does not sanitize that raw HTML.",{"type":55,"tag":56,"props":4242,"children":4243},{},[4244,4245],{"type":60,"value":2099},{"type":55,"tag":97,"props":4246,"children":4248},{"className":4247},[],[4249],{"type":60,"value":4250},"docs\u002Fcore-concepts\u002Fsecurity.md",{"type":55,"tag":347,"props":4252,"children":4254},{"id":4253},"high-tension-renderer-parity-versus-react-customization",[4255],{"type":60,"value":4256},"HIGH Tension: renderer parity versus React customization",{"type":55,"tag":56,"props":4258,"children":4259},{},[4260,4262,4267],{"type":60,"value":4261},"Core React SSR is tested against ",{"type":55,"tag":97,"props":4263,"children":4265},{"className":4264},[],[4266],{"type":60,"value":1437},{"type":60,"value":4268},". React component replacements, raw HTML, highlighter output, and HTML-only extension hooks are application-controlled boundaries outside that parity guarantee.",{"type":55,"tag":56,"props":4270,"children":4271},{},[4272,4274,4280,4282,4287],{"type":60,"value":4273},"See also: ",{"type":55,"tag":63,"props":4275,"children":4277},{"href":4276},"..\u002Fcustom-extensions\u002FSKILL.md",[4278],{"type":60,"value":4279},"custom-extensions",{"type":60,"value":4281}," for portable ",{"type":55,"tag":97,"props":4283,"children":4285},{"className":4284},[],[4286],{"type":60,"value":3903},{"type":60,"value":4288}," output.",{"type":55,"tag":77,"props":4290,"children":4292},{"id":4291},"cross-references",[4293],{"type":60,"value":4294},"Cross-References",{"type":55,"tag":4296,"props":4297,"children":4298},"ul",{},[4299,4317,4332],{"type":55,"tag":4300,"props":4301,"children":4302},"li",{},[4303,4307,4309,4315],{"type":55,"tag":63,"props":4304,"children":4305},{"href":65},[4306],{"type":60,"value":43},{"type":60,"value":4308}," - shared ",{"type":55,"tag":97,"props":4310,"children":4312},{"className":4311},[],[4313],{"type":60,"value":4314},"MarkdownInput",{"type":60,"value":4316},", parser options, AST behavior, and syntax profile.",{"type":55,"tag":4300,"props":4318,"children":4319},{},[4320,4324,4326,4331],{"type":55,"tag":63,"props":4321,"children":4322},{"href":4276},[4323],{"type":60,"value":4279},{"type":60,"value":4325}," - emit custom tags that React can replace through ",{"type":55,"tag":97,"props":4327,"children":4329},{"className":4328},[],[4330],{"type":60,"value":872},{"type":60,"value":508},{"type":55,"tag":4300,"props":4333,"children":4334},{},[4335,4341],{"type":55,"tag":63,"props":4336,"children":4338},{"href":4337},"..\u002Fproduction-pipelines\u002FSKILL.md",[4339],{"type":60,"value":4340},"production-pipelines",{"type":60,"value":4342}," - audit raw HTML, highlighter output, untrusted content, and SSR boundaries.",{"type":55,"tag":4344,"props":4345,"children":4346},"style",{},[4347],{"type":60,"value":4348},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":4350,"total":262},[4351,4364,4381,4392,4403,4410],{"slug":4279,"name":4279,"fn":4352,"description":4353,"org":4354,"tags":4355,"stars":25,"repoUrl":26,"updatedAt":4363},"implement custom Markdown rendering extensions","Implement MarkdownExtension block parsers, inline and document transforms, HTML hooks, and portable ComponentNode output. Load when adding deterministic custom syntax or rendering behavior across HTML, React, and Octane.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4356,4359,4360],{"name":4357,"slug":4358,"type":15},"HTML","html",{"name":17,"slug":18,"type":15},{"name":4361,"slug":4362,"type":15},"Plugin Development","plugin-development","2026-07-26T06:08:50.353215",{"slug":4365,"name":4365,"fn":4366,"description":4367,"org":4368,"tags":4369,"stars":25,"repoUrl":26,"updatedAt":4380},"docs-features","build documentation features for Markdown","Build documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components, heading\u002Ffile\u002Fpackage- manager\u002Fbundler tabs, framework panels, and code-fence metadata. Load when authoring or consuming TanStack-style docs syntax and custom-element data contracts.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4370,4373,4376,4377],{"name":4371,"slug":4372,"type":15},"Documentation","documentation",{"name":4374,"slug":4375,"type":15},"GitHub","github",{"name":17,"slug":18,"type":15},{"name":4378,"slug":4379,"type":15},"Technical Writing","technical-writing","2026-07-26T06:08:49.826112",{"slug":4382,"name":4382,"fn":4383,"description":4384,"org":4385,"tags":4386,"stars":25,"repoUrl":26,"updatedAt":4391},"octane-rendering","render Markdown with Octane","Render Markdown source or a MarkdownDocument with @tanstack\u002Fmarkdown\u002Foctane using Markdown, renderMarkdownOctane, ComponentBody replacements, TSRX, and octane\u002Fserver static SSR. Load for Octane descriptors, custom emitted tags, pre-parsed documents, SSR return values, or renderer parity.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4387,4388,4389,4390],{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T06:08:48.84431",{"slug":4340,"name":4340,"fn":4393,"description":4394,"org":4395,"tags":4396,"stars":25,"repoUrl":26,"updatedAt":4402},"audit and ship production Markdown pipelines","Audit and ship a production Markdown pipeline with explicit trust boundaries, external syntax highlighting, parse-ahead caching, compatibility checks, deterministic output, and bundle budgets. Load before deploying blogs, docs, or untrusted-content rendering.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4397,4400,4401],{"name":4398,"slug":4399,"type":15},"Deployment","deployment",{"name":17,"slug":18,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T06:08:48.34553",{"slug":4,"name":4,"fn":5,"description":6,"org":4404,"tags":4405,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4406,4407,4408,4409],{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},{"name":20,"slug":21,"type":15},{"slug":43,"name":43,"fn":4411,"description":4412,"org":4413,"tags":4414,"stars":25,"repoUrl":26,"updatedAt":4421},"parse and render Markdown documents","Parse Markdown with parseMarkdown or parseInline, render HTML with renderHtml, renderDocument, renderBlock, or renderInline, configure frontmatter and heading IDs, and reuse the serializable MarkdownDocument AST. Load for @tanstack\u002Fmarkdown core syntax, parser options, HTML output, references, footnotes, lists, tables, or AST work.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4415,4416,4419,4420],{"name":4371,"slug":4372,"type":15},{"name":4417,"slug":4418,"type":15},"Documents","documents",{"name":4357,"slug":4358,"type":15},{"name":17,"slug":18,"type":15},"2026-07-26T06:08:49.328715",{"items":4423,"total":4563},[4424,4438,4450,4462,4477,4489,4499,4509,4522,4532,4543,4553],{"slug":4425,"name":4425,"fn":4426,"description":4427,"org":4428,"tags":4429,"stars":4435,"repoUrl":4436,"updatedAt":4437},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4430,4433,4434],{"name":4431,"slug":4432,"type":15},"Data Analysis","data-analysis",{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":4439,"name":4439,"fn":4440,"description":4441,"org":4442,"tags":4443,"stars":4435,"repoUrl":4436,"updatedAt":4449},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4444,4447,4448],{"name":4445,"slug":4446,"type":15},"Debugging","debugging",{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":4451,"name":4451,"fn":4452,"description":4453,"org":4454,"tags":4455,"stars":4435,"repoUrl":4436,"updatedAt":4461},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4456,4457,4458],{"name":4431,"slug":4432,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":4463,"name":4463,"fn":4464,"description":4465,"org":4466,"tags":4467,"stars":4435,"repoUrl":4436,"updatedAt":4476},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4468,4471,4472,4475],{"name":4469,"slug":4470,"type":15},"Data Pipeline","data-pipeline",{"name":23,"slug":24,"type":15},{"name":4473,"slug":4474,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":4478,"name":4478,"fn":4479,"description":4480,"org":4481,"tags":4482,"stars":4435,"repoUrl":4436,"updatedAt":4488},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4483,4486,4487],{"name":4484,"slug":4485,"type":15},"Data Visualization","data-visualization",{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":4490,"name":4490,"fn":4491,"description":4492,"org":4493,"tags":4494,"stars":4435,"repoUrl":4436,"updatedAt":4498},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4495,4496,4497],{"name":4431,"slug":4432,"type":15},{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":4500,"name":4500,"fn":4501,"description":4502,"org":4503,"tags":4504,"stars":4435,"repoUrl":4436,"updatedAt":4508},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4505,4506,4507],{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:26:03.37801",{"slug":4510,"name":4510,"fn":4511,"description":4512,"org":4513,"tags":4514,"stars":4435,"repoUrl":4436,"updatedAt":4521},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4515,4518,4519,4520],{"name":4516,"slug":4517,"type":15},"CSS","css",{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:25:55.377366",{"slug":4523,"name":4523,"fn":4524,"description":4525,"org":4526,"tags":4527,"stars":4435,"repoUrl":4436,"updatedAt":4531},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4528,4529,4530],{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:25:51.400011",{"slug":4533,"name":4533,"fn":4534,"description":4535,"org":4536,"tags":4537,"stars":4435,"repoUrl":4436,"updatedAt":4542},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4538,4539,4540,4541],{"name":4516,"slug":4517,"type":15},{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:25:48.703799",{"slug":4544,"name":4544,"fn":4545,"description":4546,"org":4547,"tags":4548,"stars":4435,"repoUrl":4436,"updatedAt":4552},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4549,4550,4551],{"name":23,"slug":24,"type":15},{"name":9,"slug":8,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:25:47.367943",{"slug":4554,"name":4554,"fn":4555,"description":4556,"org":4557,"tags":4558,"stars":4435,"repoUrl":4436,"updatedAt":4562},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[4559,4560,4561],{"name":4431,"slug":4432,"type":15},{"name":23,"slug":24,"type":15},{"name":4459,"slug":4460,"type":15},"2026-07-30T05:25:52.366295",125]