diff --git a/docs/data/charts/pie-demo/PieChartWithCenterLabel.js b/docs/data/charts/pie-demo/PieChartWithCenterLabel.js
index e2397d14ba64..41f892141c41 100644
--- a/docs/data/charts/pie-demo/PieChartWithCenterLabel.js
+++ b/docs/data/charts/pie-demo/PieChartWithCenterLabel.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PieChart } from '@mui/x-charts/PieChart';
-import { useDrawingArea } from '@mui/x-charts/hooks/useDrawingArea';
+import { useDrawingArea } from '@mui/x-charts/hooks';
 import { styled } from '@mui/material/styles';
 
 const data = [
diff --git a/docs/data/charts/pie-demo/PieChartWithCenterLabel.tsx b/docs/data/charts/pie-demo/PieChartWithCenterLabel.tsx
index fcb188ab949b..3177a8e13c23 100644
--- a/docs/data/charts/pie-demo/PieChartWithCenterLabel.tsx
+++ b/docs/data/charts/pie-demo/PieChartWithCenterLabel.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PieChart } from '@mui/x-charts/PieChart';
-import { useDrawingArea } from '@mui/x-charts/hooks/useDrawingArea';
+import { useDrawingArea } from '@mui/x-charts/hooks';
 import { styled } from '@mui/material/styles';
 
 const data = [