From e93b8714d8220a2fbd84f1d3b1f46df5d3d9ba17 Mon Sep 17 00:00:00 2001
From: Patrick Wehbe <patrick.wehbe.applications@gmail.com>
Date: Fri, 19 Jun 2026 15:07:07 +0300
Subject: [PATCH] docs: fix TableView empty state example dropping TableBody
 tag

The empty state example for S2 TableView had two `- begin highlight -`
markers around a single block (one before `<TableBody>` and a second,
redundant one inside the opening tag) but only one `- end highlight -`.

The code highlighter in `Code.tsx` (`lines()`) starts a new highlight
grouping on each `begin` marker and resets the current line, with no
guard for an already-open grouping. The second `begin` therefore
discarded the already-accumulated `<TableBody` line, so the rendered
example (and the StackBlitz/copy/download export, which reads the same
rendered code) was missing the `<TableBody>` opening tag, producing
invalid JSX.

Removing the redundant inner marker leaves the canonical single
begin/end pair so the full `<TableBody ... renderEmptyState>` tag renders
and the example compiles in StackBlitz.

Closes #10231
---
 packages/dev/s2-docs/pages/s2/TableView.mdx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/dev/s2-docs/pages/s2/TableView.mdx b/packages/dev/s2-docs/pages/s2/TableView.mdx
index b41064e81b1..ed3e611c2f3 100644
--- a/packages/dev/s2-docs/pages/s2/TableView.mdx
+++ b/packages/dev/s2-docs/pages/s2/TableView.mdx
@@ -363,7 +363,6 @@ import FolderOpen from '@react-spectrum/s2/illustrations/linear/FolderOpen';
   </TableHeader>
   {/*- begin highlight -*/}
   <TableBody
-    /*- begin highlight -*/
     renderEmptyState={() => (
       <IllustratedMessage>
         <FolderOpen />