diff --git a/packages/showcase/src/sections/data.tsx b/packages/showcase/src/sections/data.tsx
index 079b3dc..351deaf 100644
--- a/packages/showcase/src/sections/data.tsx
+++ b/packages/showcase/src/sections/data.tsx
@@ -18,9 +18,9 @@ const people: Person[] = [
 ];
 
 const tableColumns = [
-  { id: "name", header: "Name", sortable: true, accessor: (r: Person) => r.name },
-  { id: "role", header: "Role", sortable: true, accessor: (r: Person) => r.role },
-  { id: "status", header: "Status", sortable: false, accessor: (r: Person) => r.status },
+  { id: "name", header: "Name", sortable: true, cell: (r: Person) => <span>{r.name}</span> },
+  { id: "role", header: "Role", sortable: true, cell: (r: Person) => <span>{r.role}</span> },
+  { id: "status", header: "Status", sortable: false, cell: (r: Person) => <span>{r.status}</span> },
 ];
 
 /** Calendar demo showing a navigable month grid. */