diff --git a/docs/data/material/components/autocomplete/RenderGroup.js b/docs/data/material/components/autocomplete/RenderGroup.js
index 7c80925fc1792d..3d283560dbb4f7 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.js
+++ b/docs/data/material/components/autocomplete/RenderGroup.js
@@ -36,7 +36,7 @@ export default function RenderGroup() {
       sx={{ width: 300 }}
       renderInput={(params) => <TextField {...params} label="With categories" />}
       renderGroup={(params) => (
-        <li>
+        <li key={params.key}>
           <GroupHeader>{params.group}</GroupHeader>
           <GroupItems>{params.children}</GroupItems>
         </li>
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx b/docs/data/material/components/autocomplete/RenderGroup.tsx
index 7c80925fc1792d..3d283560dbb4f7 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx
@@ -36,7 +36,7 @@ export default function RenderGroup() {
       sx={{ width: 300 }}
       renderInput={(params) => <TextField {...params} label="With categories" />}
       renderGroup={(params) => (
-        <li>
+        <li key={params.key}>
           <GroupHeader>{params.group}</GroupHeader>
           <GroupItems>{params.children}</GroupItems>
         </li>
diff --git a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
index a81547aa30b5b7..bf68be03c34532 100644
--- a/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
+++ b/docs/data/material/components/autocomplete/RenderGroup.tsx.preview
@@ -6,7 +6,7 @@
   sx={{ width: 300 }}
   renderInput={(params) => <TextField {...params} label="With categories" />}
   renderGroup={(params) => (
-    <li>
+    <li key={params.key}>
       <GroupHeader>{params.group}</GroupHeader>
       <GroupItems>{params.children}</GroupItems>
     </li>