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