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