Fix

stevenpetryk · Feb 27, 2024 · 72150d0 · 72150d0
1 parent 1783957
commit 72150d0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/components/CodeAndExample.tsx b/docs/components/CodeAndExample.tsx
@@ -18,11 +18,11 @@ function CodeAndExample({ collapsible: collapsibleProp = true, example, clean =
   const typedExample = example as {
     $component: React.ComponentType
     $source: string
-    $reactNode: React.ReactNode
+    $highlightedSource: React.ReactNode
   }
   const Component = typedExample.$component
   let source = typedExample.$source
-  const reactNode = typedExample.$reactNode
+  const highlightedSource = typedExample.$highlightedSource
 
   if (typeof Component !== "function") {
     throw new Error(`CodeAndExample: expected example to be a component ${source}`)
@@ -78,7 +78,7 @@ function CodeAndExample({ collapsible: collapsibleProp = true, example, clean =
               `}
             >
               <pre className={`transition ${expanded ? "" : "opacity-40"}`}>
-                <code className="language language-tsx">{reactNode}</code>
+                <code className="language language-tsx">{highlightedSource}</code>
               </pre>
             </div>
 

diff --git a/docs/guide-example-loader.mjs b/docs/guide-example-loader.mjs
@@ -60,7 +60,7 @@ export default async function guideExampleLoader(source) {
 
     $default.$source = ${JSON.stringify(cleanedSource)};
     $default.$component = $default;
-    $default.$reactNode = toJsxRuntime(${JSON.stringify(tree)}, { Fragment, jsx, jsxs });
+    $default.$highlightedSource = toJsxRuntime(${JSON.stringify(tree)}, { Fragment, jsx, jsxs });
     export default $default;
   `
 }