[charts] Fix key generation for the ChartsGrid (@alexfauquette) (#15864)

Co-authored-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com>
mui · Dec 12, 2024 · 574f37d · 574f37d
1 parent 3009085
commit 574f37d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/x-charts/src/ChartsGrid/ChartsHorizontalGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsHorizontalGrid.tsx
@@ -23,9 +23,9 @@ export function ChartsGridHorizontal(props: ChartsGridHorizontalProps) {
 
   return (
     <React.Fragment>
-      {yTicks.map(({ formattedValue, offset }) => (
+      {yTicks.map(({ value, offset }) => (
         <GridLine
-          key={`horizontal-${formattedValue}`}
+          key={`horizontal-${value}`}
           y1={offset}
           y2={offset}
           x1={drawingArea.left}

diff --git a/packages/x-charts/src/ChartsGrid/ChartsVerticalGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsVerticalGrid.tsx
@@ -23,9 +23,9 @@ export function ChartsGridVertical(props: ChartsGridVerticalProps) {
 
   return (
     <React.Fragment>
-      {xTicks.map(({ formattedValue, offset }) => (
+      {xTicks.map(({ value, offset }) => (
         <GridLine
-          key={`vertical-${formattedValue}`}
+          key={`vertical-${value}`}
           y1={drawingArea.top}
           y2={drawingArea.top + drawingArea.height}
           x1={offset}