[docs] Fix autocomplete render group key warning in the demo (#36025)

Co-authored-by: ZeeshanTamboli <[email protected]>
mui · Feb 2, 2023 · a1b591a · a1b591a
1 parent 807f635
commit a1b591a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>