diff --git a/packages/@mantine/charts/src/ChartTooltip/ChartTooltip.tsx b/packages/@mantine/charts/src/ChartTooltip/ChartTooltip.tsx
index 34d303f0763..26d774b6bf3 100644
--- a/packages/@mantine/charts/src/ChartTooltip/ChartTooltip.tsx
+++ b/packages/@mantine/charts/src/ChartTooltip/ChartTooltip.tsx
@@ -133,7 +133,7 @@ export const ChartTooltip = factory<ChartTooltipFactory>((_props, ref) => {
   const _label = label || scatterLabel;
 
   const items = filteredPayload.map((item) => (
-    <div key={item.name} data-type={type} {...getStyles('tooltipItem')}>
+    <div key={item?.key ?? item.name} data-type={type} {...getStyles('tooltipItem')}>
       <div {...getStyles('tooltipItemBody')}>
         {showColor && (
           <ColorSwatch
diff --git a/packages/@mantine/charts/src/PieChart/PieChart.story.tsx b/packages/@mantine/charts/src/PieChart/PieChart.story.tsx
index d150bf75c32..3c033ea822b 100644
--- a/packages/@mantine/charts/src/PieChart/PieChart.story.tsx
+++ b/packages/@mantine/charts/src/PieChart/PieChart.story.tsx
@@ -1,12 +1,14 @@
-import { PieChart } from './PieChart';
+import { PieChart, PieChartCell } from './PieChart';
 
 export default { title: 'PieChart' };
 
-const data = [
+const data: PieChartCell[] = [
   { name: 'Group A', value: 400, color: 'indigo.6' },
   { name: 'Group B', value: 300, color: 'yellow.6' },
   { name: 'Group C', value: 300, color: 'teal.6' },
   { name: 'Group D', value: 200, color: 'pink.6' },
+  { key: 'e-1', name: 'Group E', value: 100, color: 'red.6' },
+  { key: 'e-2', name: 'Group E', value: 150, color: 'orange.6' },
 ];
 
 export function Usage() {
@@ -27,6 +29,14 @@ export function WithLabels() {
   );
 }
 
+export function WithTooltip() {
+  return (
+    <div style={{ padding: 40 }}>
+      <PieChart data={data} withLabels withTooltip size={200} />
+    </div>
+  );
+}
+
 export function Semicircle() {
   return (
     <div style={{ padding: 40 }}>
diff --git a/packages/@mantine/charts/src/PieChart/PieChart.tsx b/packages/@mantine/charts/src/PieChart/PieChart.tsx
index 2dcc457f014..102255644ab 100644
--- a/packages/@mantine/charts/src/PieChart/PieChart.tsx
+++ b/packages/@mantine/charts/src/PieChart/PieChart.tsx
@@ -28,6 +28,7 @@ import { ChartTooltip } from '../ChartTooltip/ChartTooltip';
 import classes from './PieChart.module.css';
 
 export interface PieChartCell {
+  key?: string | number;
   name: string;
   value: number;
   color: MantineColor;