diff --git a/packages/x-charts/src/ChartsTooltip/useAxisTooltip.tsx b/packages/x-charts/src/ChartsTooltip/useAxisTooltip.tsx
index 0e2421b46d785..7b86b0bb0648f 100644
--- a/packages/x-charts/src/ChartsTooltip/useAxisTooltip.tsx
+++ b/packages/x-charts/src/ChartsTooltip/useAxisTooltip.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { AxisInteractionData, InteractionContext } from '../context/InteractionProvider';
 import { useSeries } from '../hooks/useSeries';
diff --git a/packages/x-charts/src/ChartsTooltip/useItemTooltip.tsx b/packages/x-charts/src/ChartsTooltip/useItemTooltip.tsx
index f76f8fb86f055..5743592e31dcf 100644
--- a/packages/x-charts/src/ChartsTooltip/useItemTooltip.tsx
+++ b/packages/x-charts/src/ChartsTooltip/useItemTooltip.tsx
@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { InteractionContext, ItemInteractionData } from '../context/InteractionProvider';
 import { useSeries } from '../hooks/useSeries';