diff --git a/packages/x-charts/src/ChartsGrid/ChartsHorizontalGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsHorizontalGrid.tsx
index 85ab5f0dadfc..648a9de08cb6 100644
--- 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
index 3dda41cff0f4..93412ad943c2 100644
--- 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}