diff --git a/apps/website/src/pages/docs/components/advanced-data/data-grid/usage.mdx b/apps/website/src/pages/docs/components/advanced-data/data-grid/usage.mdx
index 9e37c7cf9..a1459145b 100644
--- a/apps/website/src/pages/docs/components/advanced-data/data-grid/usage.mdx
+++ b/apps/website/src/pages/docs/components/advanced-data/data-grid/usage.mdx
@@ -817,12 +817,12 @@ const columns: ColumnDef<ExampleData>[] = [
 
 const data: ExampleData[] = [{
   {
-    id: 1,
+    id: '1',
     name: 'TaShya Charles',
     email: 'urna.nec.luctus@icloud.couk'
   },
   {
-    id: 2,
+    id: '2',
     name: 'Donovan Mosley',
     email: 'lacinia.mattis.integer@icloud.couk',
   },
diff --git a/apps/website/src/pages/docs/components/data-display/data-table/usage.mdx b/apps/website/src/pages/docs/components/data-display/data-table/usage.mdx
index c017b60c5..981f49f03 100644
--- a/apps/website/src/pages/docs/components/data-display/data-table/usage.mdx
+++ b/apps/website/src/pages/docs/components/data-display/data-table/usage.mdx
@@ -155,12 +155,12 @@ const columns: ColumnDef<ExampleData>[] = [
 
 const data: ExampleData[] = [
   {
-    id: 1,
+    id: '1',
     name: 'TaShya Charles',
     email: 'urna.nec.luctus@icloud.couk'
   },
   {
-    id: 2,
+    id: '2',
     name: 'Donovan Mosley',
     email: 'lacinia.mattis.integer@icloud.couk',
   },