[charts] Fix key generation for the ChartsGrid (#15463)

Co-authored-by: Jose C Quintas Jr <[email protected]>
mui · Nov 18, 2024 · e151681 · e151681
1 parent d172745
commit e151681
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}