diff --git a/docs/framework/react/quick-start.md b/docs/framework/react/quick-start.md
index fb49776c..7af7c632 100644
--- a/docs/framework/react/quick-start.md
+++ b/docs/framework/react/quick-start.md
@@ -196,17 +196,21 @@ tooltip entry:
 ```tsx
 import { Chart } from '@tanstack/charts/react/tooltip'
 
-;<Chart
-  definition={letterFrequencyChart}
-  height={320}
-  ariaLabel="English letter frequencies"
-  renderTooltipBody={({ defaultBody, pinned, dismiss }) => (
-    <>
-      {defaultBody}
-      {pinned ? <button onClick={dismiss}>Close</button> : null}
-    </>
-  )}
-/>
+export function ChartWithCustomTooltip() {
+  return (
+    <Chart
+      definition={letterFrequencyChart}
+      height={320}
+      ariaLabel="English letter frequencies"
+      renderTooltipBody={({ defaultBody, pinned, dismiss }) => (
+        <>
+          {defaultBody}
+          {pinned ? <button onClick={dismiss}>Close</button> : null}
+        </>
+      )}
+    />
+  )
+}
 ```
 
 Existing `renderTooltipBody` users should migrate the component import from
diff --git a/packages/charts-core/docs/framework/react/quick-start.md b/packages/charts-core/docs/framework/react/quick-start.md
index fb49776c..7af7c632 100644
--- a/packages/charts-core/docs/framework/react/quick-start.md
+++ b/packages/charts-core/docs/framework/react/quick-start.md
@@ -196,17 +196,21 @@ tooltip entry:
 ```tsx
 import { Chart } from '@tanstack/charts/react/tooltip'
 
-;<Chart
-  definition={letterFrequencyChart}
-  height={320}
-  ariaLabel="English letter frequencies"
-  renderTooltipBody={({ defaultBody, pinned, dismiss }) => (
-    <>
-      {defaultBody}
-      {pinned ? <button onClick={dismiss}>Close</button> : null}
-    </>
-  )}
-/>
+export function ChartWithCustomTooltip() {
+  return (
+    <Chart
+      definition={letterFrequencyChart}
+      height={320}
+      ariaLabel="English letter frequencies"
+      renderTooltipBody={({ defaultBody, pinned, dismiss }) => (
+        <>
+          {defaultBody}
+          {pinned ? <button onClick={dismiss}>Close</button> : null}
+        </>
+      )}
+    />
+  )
+}
 ```
 
 Existing `renderTooltipBody` users should migrate the component import from