[charts] Fix grid duplicated key (#12208)

mui · Feb 26, 2024 · db74b5e · db74b5e
1 parent 4ba1469
commit db74b5e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx
@@ -86,7 +86,7 @@ function ChartsGrid(props: ChartsGridProps) {
       {vertical &&
         xTicks.map(({ formattedValue, offset }) => (
           <line
-            key={formattedValue}
+            key={`vertical-${formattedValue}`}
             y1={yScale.range()[0]}
             y2={yScale.range()[1]}
             x1={offset}
@@ -97,7 +97,7 @@ function ChartsGrid(props: ChartsGridProps) {
       {horizontal &&
         yTicks.map(({ formattedValue, offset }) => (
           <line
-            key={formattedValue}
+            key={`horizontal-${formattedValue}`}
             y1={offset}
             y2={offset}
             x1={xScale.range()[0]}