From db74b5eb5c88acd8b376697b921f80ec9aee914f Mon Sep 17 00:00:00 2001
From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com>
Date: Mon, 26 Feb 2024 10:41:50 +0100
Subject: [PATCH] [charts] Fix grid duplicated key (#12208)

---
 packages/x-charts/src/ChartsGrid/ChartsGrid.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx
index 9206c9140d37..c2ce6eac8f21 100644
--- 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]}