diff --git a/packages/rsc-builder/buildRsc.ts b/packages/rsc-builder/buildRsc.ts index bcb03db4fb4e6..2fb4e0b545497 100644 --- a/packages/rsc-builder/buildRsc.ts +++ b/packages/rsc-builder/buildRsc.ts @@ -23,6 +23,14 @@ const PROJECTS: Project[] = [ name: 'x-date-pickers-pro', rootPath: path.join(process.cwd(), 'packages/x-date-pickers-pro'), }, + { + name: 'x-charts', + rootPath: path.join(process.cwd(), 'packages/x-charts'), + }, + { + name: 'x-charts-pro', + rootPath: path.join(process.cwd(), 'packages/x-charts-pro'), + }, ]; async function processFile( diff --git a/packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx b/packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx index b99bb5f4b49ac..4a604bfc337c9 100644 --- a/packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx +++ b/packages/x-charts-pro/src/BarChartPro/BarChartPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts-pro/src/ChartContainerPro/ChartContainerPro.tsx b/packages/x-charts-pro/src/ChartContainerPro/ChartContainerPro.tsx index f4d006eba1cee..779becc1f46ef 100644 --- a/packages/x-charts-pro/src/ChartContainerPro/ChartContainerPro.tsx +++ b/packages/x-charts-pro/src/ChartContainerPro/ChartContainerPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { ChartContainerProps } from '@mui/x-charts/ChartContainer'; diff --git a/packages/x-charts-pro/src/ChartContainerPro/useChartContainerProProps.ts b/packages/x-charts-pro/src/ChartContainerPro/useChartContainerProProps.ts index dd4318a09f67c..ab80499cb2a69 100644 --- a/packages/x-charts-pro/src/ChartContainerPro/useChartContainerProProps.ts +++ b/packages/x-charts-pro/src/ChartContainerPro/useChartContainerProProps.ts @@ -1,3 +1,4 @@ +'use client'; import { useChartContainerProps } from '@mui/x-charts/internals'; import { ZoomProviderProps } from '../context/ZoomProvider'; import type { ChartContainerProProps } from './ChartContainerPro'; diff --git a/packages/x-charts-pro/src/Heatmap/DefaultHeatmapTooltip.tsx b/packages/x-charts-pro/src/Heatmap/DefaultHeatmapTooltip.tsx index a87dbf64a4bd8..26f6f281d4e1e 100644 --- a/packages/x-charts-pro/src/Heatmap/DefaultHeatmapTooltip.tsx +++ b/packages/x-charts-pro/src/Heatmap/DefaultHeatmapTooltip.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; diff --git a/packages/x-charts-pro/src/Heatmap/Heatmap.tsx b/packages/x-charts-pro/src/Heatmap/Heatmap.tsx index eac1180542627..0d146c49c8b66 100644 --- a/packages/x-charts-pro/src/Heatmap/Heatmap.tsx +++ b/packages/x-charts-pro/src/Heatmap/Heatmap.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts-pro/src/Heatmap/HeatmapPlot.tsx b/packages/x-charts-pro/src/Heatmap/HeatmapPlot.tsx index 5a61d8fbab333..171ce56b3cffa 100644 --- a/packages/x-charts-pro/src/Heatmap/HeatmapPlot.tsx +++ b/packages/x-charts-pro/src/Heatmap/HeatmapPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useXScale, useYScale, useZColorScale } from '@mui/x-charts/hooks'; diff --git a/packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx b/packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx index 455c93e70a4f7..d1dac381b2589 100644 --- a/packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx +++ b/packages/x-charts-pro/src/LineChartPro/LineChartPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts-pro/src/ResponsiveChartContainerPro/ResponsiveChartContainerPro.tsx b/packages/x-charts-pro/src/ResponsiveChartContainerPro/ResponsiveChartContainerPro.tsx index e7a1f932174b3..2669f806ca5c7 100644 --- a/packages/x-charts-pro/src/ResponsiveChartContainerPro/ResponsiveChartContainerPro.tsx +++ b/packages/x-charts-pro/src/ResponsiveChartContainerPro/ResponsiveChartContainerPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { Watermark } from '@mui/x-license/Watermark'; diff --git a/packages/x-charts-pro/src/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.ts b/packages/x-charts-pro/src/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.ts index 363e4f9c9fc3f..c5b2e2a189031 100644 --- a/packages/x-charts-pro/src/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.ts +++ b/packages/x-charts-pro/src/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.ts @@ -1,3 +1,4 @@ +'use client'; import { useResponsiveChartContainerProps } from '@mui/x-charts/internals'; import type { ChartContainerProProps } from '../ChartContainerPro'; import type { ResponsiveChartContainerProProps } from './ResponsiveChartContainerPro'; diff --git a/packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx b/packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx index 756ca6c207acc..1cf04ccf0140e 100644 --- a/packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx +++ b/packages/x-charts-pro/src/ScatterChartPro/ScatterChartPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts-pro/src/context/CartesianProviderPro/CartesianProviderPro.tsx b/packages/x-charts-pro/src/context/CartesianProviderPro/CartesianProviderPro.tsx index 462606015b80f..2834b7b2f6d0b 100644 --- a/packages/x-charts-pro/src/context/CartesianProviderPro/CartesianProviderPro.tsx +++ b/packages/x-charts-pro/src/context/CartesianProviderPro/CartesianProviderPro.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useDrawingArea, diff --git a/packages/x-charts-pro/src/context/ZoomProvider/ZoomProvider.tsx b/packages/x-charts-pro/src/context/ZoomProvider/ZoomProvider.tsx index 6c55b67693187..02e64668e37fe 100644 --- a/packages/x-charts-pro/src/context/ZoomProvider/ZoomProvider.tsx +++ b/packages/x-charts-pro/src/context/ZoomProvider/ZoomProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import useControlled from '@mui/utils/useControlled'; import { Initializable } from '@mui/x-charts/internals'; diff --git a/packages/x-charts-pro/src/context/ZoomProvider/useSetupPan.ts b/packages/x-charts-pro/src/context/ZoomProvider/useSetupPan.ts index 9c4b9c9677c10..98b89fe73a3ba 100644 --- a/packages/x-charts-pro/src/context/ZoomProvider/useSetupPan.ts +++ b/packages/x-charts-pro/src/context/ZoomProvider/useSetupPan.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks'; import { getSVGPoint } from '@mui/x-charts/internals'; diff --git a/packages/x-charts-pro/src/context/ZoomProvider/useSetupZoom.ts b/packages/x-charts-pro/src/context/ZoomProvider/useSetupZoom.ts index c73900cd34bab..6410372fc74b8 100644 --- a/packages/x-charts-pro/src/context/ZoomProvider/useSetupZoom.ts +++ b/packages/x-charts-pro/src/context/ZoomProvider/useSetupZoom.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useDrawingArea, useSvgRef } from '@mui/x-charts/hooks'; import { getSVGPoint } from '@mui/x-charts/internals'; diff --git a/packages/x-charts-pro/src/context/ZoomProvider/useZoom.ts b/packages/x-charts-pro/src/context/ZoomProvider/useZoom.ts index af53a694c4482..5e21d08de3457 100644 --- a/packages/x-charts-pro/src/context/ZoomProvider/useZoom.ts +++ b/packages/x-charts-pro/src/context/ZoomProvider/useZoom.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ZoomContext } from './ZoomContext'; import { ZoomState } from './Zoom.types'; diff --git a/packages/x-charts-pro/src/hooks/useSeries.ts b/packages/x-charts-pro/src/hooks/useSeries.ts index 81ff3ebc30cb3..4a997f4101119 100644 --- a/packages/x-charts-pro/src/hooks/useSeries.ts +++ b/packages/x-charts-pro/src/hooks/useSeries.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useSeries } from '@mui/x-charts/internals'; diff --git a/packages/x-charts/src/BarChart/BarChart.tsx b/packages/x-charts/src/BarChart/BarChart.tsx index 8e418a819efb8..30421c8d28c87 100644 --- a/packages/x-charts/src/BarChart/BarChart.tsx +++ b/packages/x-charts/src/BarChart/BarChart.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts/src/BarChart/BarElement.tsx b/packages/x-charts/src/BarChart/BarElement.tsx index e9359eae9fd94..f33865e1747f4 100644 --- a/packages/x-charts/src/BarChart/BarElement.tsx +++ b/packages/x-charts/src/BarChart/BarElement.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/BarChart/BarLabel/BarLabel.tsx b/packages/x-charts/src/BarChart/BarLabel/BarLabel.tsx index d3c9af981dee8..3d2df73018308 100644 --- a/packages/x-charts/src/BarChart/BarLabel/BarLabel.tsx +++ b/packages/x-charts/src/BarChart/BarLabel/BarLabel.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { styled, useThemeProps } from '@mui/material/styles'; import { animated } from '@react-spring/web'; diff --git a/packages/x-charts/src/BarChart/BarPlot.tsx b/packages/x-charts/src/BarChart/BarPlot.tsx index 10fdd7dcc1a67..cf292bc4a2ab9 100644 --- a/packages/x-charts/src/BarChart/BarPlot.tsx +++ b/packages/x-charts/src/BarChart/BarPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useTransition } from '@react-spring/web'; diff --git a/packages/x-charts/src/BarChart/useBarChartProps.ts b/packages/x-charts/src/BarChart/useBarChartProps.ts index 4b3cf9e042cbb..bea25a4391851 100644 --- a/packages/x-charts/src/BarChart/useBarChartProps.ts +++ b/packages/x-charts/src/BarChart/useBarChartProps.ts @@ -1,3 +1,4 @@ +'use client'; import useId from '@mui/utils/useId'; import type { BarChartProps } from './BarChart'; import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants'; diff --git a/packages/x-charts/src/ChartContainer/ChartContainer.tsx b/packages/x-charts/src/ChartContainer/ChartContainer.tsx index 2de25d7461c76..18c55af2c7937 100644 --- a/packages/x-charts/src/ChartContainer/ChartContainer.tsx +++ b/packages/x-charts/src/ChartContainer/ChartContainer.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { DrawingProvider, DrawingProviderProps } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/ChartContainer/useChartContainerProps.ts b/packages/x-charts/src/ChartContainer/useChartContainerProps.ts index 40c6486def244..d69543d688cef 100644 --- a/packages/x-charts/src/ChartContainer/useChartContainerProps.ts +++ b/packages/x-charts/src/ChartContainer/useChartContainerProps.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import useForkRef from '@mui/utils/useForkRef'; import type { DrawingProviderProps } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/ChartContainer/useDefaultizeAxis.ts b/packages/x-charts/src/ChartContainer/useDefaultizeAxis.ts index e84a9dadf00ab..e85f4175832cb 100644 --- a/packages/x-charts/src/ChartContainer/useDefaultizeAxis.ts +++ b/packages/x-charts/src/ChartContainer/useDefaultizeAxis.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY } from '../constants'; import { MakeOptional } from '../models/helpers'; diff --git a/packages/x-charts/src/ChartsAxis/ChartsAxis.tsx b/packages/x-charts/src/ChartsAxis/ChartsAxis.tsx index 7ebbf743930ae..ff2b06bd27334 100644 --- a/packages/x-charts/src/ChartsAxis/ChartsAxis.tsx +++ b/packages/x-charts/src/ChartsAxis/ChartsAxis.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useCartesianContext } from '../context/CartesianProvider'; diff --git a/packages/x-charts/src/ChartsAxisHighlight/ChartsAxisHighlight.tsx b/packages/x-charts/src/ChartsAxisHighlight/ChartsAxisHighlight.tsx index fb9b4d2f74de0..5712979e916c0 100644 --- a/packages/x-charts/src/ChartsAxisHighlight/ChartsAxisHighlight.tsx +++ b/packages/x-charts/src/ChartsAxisHighlight/ChartsAxisHighlight.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/ChartsClipPath/ChartsClipPath.tsx b/packages/x-charts/src/ChartsClipPath/ChartsClipPath.tsx index c3dfef172bb9f..d1424f5353d63 100644 --- a/packages/x-charts/src/ChartsClipPath/ChartsClipPath.tsx +++ b/packages/x-charts/src/ChartsClipPath/ChartsClipPath.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useDrawingArea } from '../hooks/useDrawingArea'; diff --git a/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx b/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx index 0480ea912c023..74ecb086e8e34 100644 --- a/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx +++ b/packages/x-charts/src/ChartsGrid/ChartsGrid.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/ChartsLegend/ChartsLegend.tsx b/packages/x-charts/src/ChartsLegend/ChartsLegend.tsx index ccd77cb2f2d8f..4a784de3324da 100644 --- a/packages/x-charts/src/ChartsLegend/ChartsLegend.tsx +++ b/packages/x-charts/src/ChartsLegend/ChartsLegend.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import useSlotProps from '@mui/utils/useSlotProps'; diff --git a/packages/x-charts/src/ChartsLegend/ContinuousColorLegend.tsx b/packages/x-charts/src/ChartsLegend/ContinuousColorLegend.tsx index 00880553da648..e45d1480d8150 100644 --- a/packages/x-charts/src/ChartsLegend/ContinuousColorLegend.tsx +++ b/packages/x-charts/src/ChartsLegend/ContinuousColorLegend.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { ScaleSequential } from '@mui/x-charts-vendor/d3-scale'; diff --git a/packages/x-charts/src/ChartsLegend/DefaultChartsLegend.tsx b/packages/x-charts/src/ChartsLegend/DefaultChartsLegend.tsx index 0ecf4677b1038..91a14334e24ca 100644 --- a/packages/x-charts/src/ChartsLegend/DefaultChartsLegend.tsx +++ b/packages/x-charts/src/ChartsLegend/DefaultChartsLegend.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { FormattedSeries } from '../context/SeriesProvider'; diff --git a/packages/x-charts/src/ChartsLegend/LegendPerItem.tsx b/packages/x-charts/src/ChartsLegend/LegendPerItem.tsx index ca5d41222a09c..ccb2fee3af100 100644 --- a/packages/x-charts/src/ChartsLegend/LegendPerItem.tsx +++ b/packages/x-charts/src/ChartsLegend/LegendPerItem.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import NoSsr from '@mui/material/NoSsr'; import { useTheme, styled } from '@mui/material/styles'; diff --git a/packages/x-charts/src/ChartsLegend/PiecewiseColorLegend.tsx b/packages/x-charts/src/ChartsLegend/PiecewiseColorLegend.tsx index 2515d22590abc..250e9d3680ef5 100644 --- a/packages/x-charts/src/ChartsLegend/PiecewiseColorLegend.tsx +++ b/packages/x-charts/src/ChartsLegend/PiecewiseColorLegend.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { AxisDefaultized } from '../models/axis'; diff --git a/packages/x-charts/src/ChartsLegend/useAxis.ts b/packages/x-charts/src/ChartsLegend/useAxis.ts index 4cc3b48e64ddf..0b0411393c12b 100644 --- a/packages/x-charts/src/ChartsLegend/useAxis.ts +++ b/packages/x-charts/src/ChartsLegend/useAxis.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ZAxisContext } from '../context/ZAxisContextProvider'; import { AxisDefaultized } from '../models/axis'; diff --git a/packages/x-charts/src/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.tsx b/packages/x-charts/src/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.tsx index c53130c8c2365..326f12ef6f4bf 100644 --- a/packages/x-charts/src/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.tsx +++ b/packages/x-charts/src/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { InteractionContext } from '../context/InteractionProvider'; diff --git a/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx index f9f287a345d08..5ba450cce5366 100644 --- a/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx +++ b/packages/x-charts/src/ChartsOverlay/ChartsLoadingOverlay.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { styled } from '@mui/material/styles'; import { useDrawingArea } from '../hooks/useDrawingArea'; diff --git a/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx index 0ee3f2c7de131..381d33a11b3a5 100644 --- a/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx +++ b/packages/x-charts/src/ChartsOverlay/ChartsNoDataOverlay.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { styled } from '@mui/material/styles'; import { useDrawingArea } from '../hooks/useDrawingArea'; diff --git a/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx b/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx index c247719ae7955..05287192e40b3 100644 --- a/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx +++ b/packages/x-charts/src/ChartsOverlay/ChartsOverlay.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { SxProps, Theme } from '@mui/material/styles'; import { SlotComponentPropsFromProps } from '../internals/SlotComponentPropsFromProps'; diff --git a/packages/x-charts/src/ChartsReferenceLine/ChartsReferenceLine.tsx b/packages/x-charts/src/ChartsReferenceLine/ChartsReferenceLine.tsx index 1826282a9820f..a23d4c4cd5aa2 100644 --- a/packages/x-charts/src/ChartsReferenceLine/ChartsReferenceLine.tsx +++ b/packages/x-charts/src/ChartsReferenceLine/ChartsReferenceLine.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { ChartsXReferenceLine, ChartsXReferenceLineProps } from './ChartsXReferenceLine'; diff --git a/packages/x-charts/src/ChartsReferenceLine/ChartsXReferenceLine.tsx b/packages/x-charts/src/ChartsReferenceLine/ChartsXReferenceLine.tsx index c09589d5359b9..dee63f5d5f403 100644 --- a/packages/x-charts/src/ChartsReferenceLine/ChartsXReferenceLine.tsx +++ b/packages/x-charts/src/ChartsReferenceLine/ChartsXReferenceLine.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import composeClasses from '@mui/utils/composeClasses'; import { warnOnce } from '@mui/x-internals/warning'; diff --git a/packages/x-charts/src/ChartsReferenceLine/ChartsYReferenceLine.tsx b/packages/x-charts/src/ChartsReferenceLine/ChartsYReferenceLine.tsx index 565d827bd42eb..00bd9ffc2e097 100644 --- a/packages/x-charts/src/ChartsReferenceLine/ChartsYReferenceLine.tsx +++ b/packages/x-charts/src/ChartsReferenceLine/ChartsYReferenceLine.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import composeClasses from '@mui/utils/composeClasses'; import { warnOnce } from '@mui/x-internals/warning'; diff --git a/packages/x-charts/src/ChartsSurface/ChartsSurface.tsx b/packages/x-charts/src/ChartsSurface/ChartsSurface.tsx index 769a65fb58357..cbcc22e51c635 100644 --- a/packages/x-charts/src/ChartsSurface/ChartsSurface.tsx +++ b/packages/x-charts/src/ChartsSurface/ChartsSurface.tsx @@ -1,3 +1,4 @@ +'use client'; import { styled, SxProps, Theme, useThemeProps } from '@mui/material/styles'; import PropTypes from 'prop-types'; import * as React from 'react'; diff --git a/packages/x-charts/src/ChartsText/ChartsText.tsx b/packages/x-charts/src/ChartsText/ChartsText.tsx index f113d36a1fd07..5d004d27a2162 100644 --- a/packages/x-charts/src/ChartsText/ChartsText.tsx +++ b/packages/x-charts/src/ChartsText/ChartsText.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { GetWordsByLinesParams, getWordsByLines } from '../internals/getWordsByLines'; diff --git a/packages/x-charts/src/ChartsTooltip/ChartsTooltip.tsx b/packages/x-charts/src/ChartsTooltip/ChartsTooltip.tsx index 16265d1e52f49..4566eddb96d63 100644 --- a/packages/x-charts/src/ChartsTooltip/ChartsTooltip.tsx +++ b/packages/x-charts/src/ChartsTooltip/ChartsTooltip.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx b/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx index c0382f27f2a49..4ea9771b02fea 100644 --- a/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx +++ b/packages/x-charts/src/ChartsTooltip/DefaultChartsAxisTooltipContent.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; diff --git a/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx b/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx index e4dec21ff9afc..70dc2bd151334 100644 --- a/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx +++ b/packages/x-charts/src/ChartsTooltip/DefaultChartsItemTooltipContent.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import clsx from 'clsx'; diff --git a/packages/x-charts/src/ChartsVoronoiHandler/ChartsVoronoiHandler.tsx b/packages/x-charts/src/ChartsVoronoiHandler/ChartsVoronoiHandler.tsx index d0b0f161e60cb..4a70336255dea 100644 --- a/packages/x-charts/src/ChartsVoronoiHandler/ChartsVoronoiHandler.tsx +++ b/packages/x-charts/src/ChartsVoronoiHandler/ChartsVoronoiHandler.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { Delaunay } from '@mui/x-charts-vendor/d3-delaunay'; diff --git a/packages/x-charts/src/ChartsXAxis/ChartsXAxis.tsx b/packages/x-charts/src/ChartsXAxis/ChartsXAxis.tsx index 995ef6f370db4..579af7bb63bbd 100644 --- a/packages/x-charts/src/ChartsXAxis/ChartsXAxis.tsx +++ b/packages/x-charts/src/ChartsXAxis/ChartsXAxis.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import useSlotProps from '@mui/utils/useSlotProps'; diff --git a/packages/x-charts/src/ChartsYAxis/ChartsYAxis.tsx b/packages/x-charts/src/ChartsYAxis/ChartsYAxis.tsx index 923a20dc06aa8..f3f6260181409 100644 --- a/packages/x-charts/src/ChartsYAxis/ChartsYAxis.tsx +++ b/packages/x-charts/src/ChartsYAxis/ChartsYAxis.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import useSlotProps from '@mui/utils/useSlotProps'; diff --git a/packages/x-charts/src/Gauge/Gauge.tsx b/packages/x-charts/src/Gauge/Gauge.tsx index e0847a614b49d..8b125e7cc37f6 100644 --- a/packages/x-charts/src/Gauge/Gauge.tsx +++ b/packages/x-charts/src/Gauge/Gauge.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/Gauge/GaugeContainer.tsx b/packages/x-charts/src/Gauge/GaugeContainer.tsx index 48e61b403238d..601ba614a3ff4 100644 --- a/packages/x-charts/src/Gauge/GaugeContainer.tsx +++ b/packages/x-charts/src/Gauge/GaugeContainer.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { styled } from '@mui/material/styles'; diff --git a/packages/x-charts/src/Gauge/GaugeReferenceArc.tsx b/packages/x-charts/src/Gauge/GaugeReferenceArc.tsx index ee5a9ec76cf41..1dba5e6a81aaf 100644 --- a/packages/x-charts/src/Gauge/GaugeReferenceArc.tsx +++ b/packages/x-charts/src/Gauge/GaugeReferenceArc.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape'; import { styled } from '@mui/material/styles'; diff --git a/packages/x-charts/src/Gauge/GaugeValueArc.tsx b/packages/x-charts/src/Gauge/GaugeValueArc.tsx index a40901048217f..b05975a86747a 100644 --- a/packages/x-charts/src/Gauge/GaugeValueArc.tsx +++ b/packages/x-charts/src/Gauge/GaugeValueArc.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape'; import { styled } from '@mui/material/styles'; diff --git a/packages/x-charts/src/Gauge/GaugeValueText.tsx b/packages/x-charts/src/Gauge/GaugeValueText.tsx index 77928698e00dd..9fa8d5fa2f5ed 100644 --- a/packages/x-charts/src/Gauge/GaugeValueText.tsx +++ b/packages/x-charts/src/Gauge/GaugeValueText.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useGaugeState } from './GaugeProvider'; diff --git a/packages/x-charts/src/LineChart/AnimatedArea.tsx b/packages/x-charts/src/LineChart/AnimatedArea.tsx index 0a1c8ec420b3c..f52f623159612 100644 --- a/packages/x-charts/src/LineChart/AnimatedArea.tsx +++ b/packages/x-charts/src/LineChart/AnimatedArea.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { styled } from '@mui/material/styles'; diff --git a/packages/x-charts/src/LineChart/AnimatedLine.tsx b/packages/x-charts/src/LineChart/AnimatedLine.tsx index 50c09474ba44f..6283db6dbaf67 100644 --- a/packages/x-charts/src/LineChart/AnimatedLine.tsx +++ b/packages/x-charts/src/LineChart/AnimatedLine.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { animated, useTransition } from '@react-spring/web'; diff --git a/packages/x-charts/src/LineChart/AreaElement.tsx b/packages/x-charts/src/LineChart/AreaElement.tsx index ab692866824ae..6fe9bfabf0301 100644 --- a/packages/x-charts/src/LineChart/AreaElement.tsx +++ b/packages/x-charts/src/LineChart/AreaElement.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/LineChart/AreaPlot.tsx b/packages/x-charts/src/LineChart/AreaPlot.tsx index e87e4581e1198..96aaf4423e250 100644 --- a/packages/x-charts/src/LineChart/AreaPlot.tsx +++ b/packages/x-charts/src/LineChart/AreaPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { area as d3Area } from '@mui/x-charts-vendor/d3-shape'; diff --git a/packages/x-charts/src/LineChart/LineChart.tsx b/packages/x-charts/src/LineChart/LineChart.tsx index 6cb98ffb2d42f..388dbee07ce23 100644 --- a/packages/x-charts/src/LineChart/LineChart.tsx +++ b/packages/x-charts/src/LineChart/LineChart.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts/src/LineChart/LineElement.tsx b/packages/x-charts/src/LineChart/LineElement.tsx index 4361d3e7a0d87..269f5a9102262 100644 --- a/packages/x-charts/src/LineChart/LineElement.tsx +++ b/packages/x-charts/src/LineChart/LineElement.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/LineChart/LineHighlightElement.tsx b/packages/x-charts/src/LineChart/LineHighlightElement.tsx index 4bb282b55f608..695b090368d87 100644 --- a/packages/x-charts/src/LineChart/LineHighlightElement.tsx +++ b/packages/x-charts/src/LineChart/LineHighlightElement.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/LineChart/LineHighlightPlot.tsx b/packages/x-charts/src/LineChart/LineHighlightPlot.tsx index 4899c0fcd78ea..5e1f55c1530f2 100644 --- a/packages/x-charts/src/LineChart/LineHighlightPlot.tsx +++ b/packages/x-charts/src/LineChart/LineHighlightPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { SlotComponentPropsFromProps } from '../internals/SlotComponentPropsFromProps'; diff --git a/packages/x-charts/src/LineChart/LinePlot.tsx b/packages/x-charts/src/LineChart/LinePlot.tsx index d4e1e579ff2e1..9a10e58cf71bf 100644 --- a/packages/x-charts/src/LineChart/LinePlot.tsx +++ b/packages/x-charts/src/LineChart/LinePlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { line as d3Line } from '@mui/x-charts-vendor/d3-shape'; diff --git a/packages/x-charts/src/LineChart/MarkElement.tsx b/packages/x-charts/src/LineChart/MarkElement.tsx index b86ef162168d0..d7606dad340d9 100644 --- a/packages/x-charts/src/LineChart/MarkElement.tsx +++ b/packages/x-charts/src/LineChart/MarkElement.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import composeClasses from '@mui/utils/composeClasses'; diff --git a/packages/x-charts/src/LineChart/MarkPlot.tsx b/packages/x-charts/src/LineChart/MarkPlot.tsx index 70957eeefc670..5f80b430f2eb0 100644 --- a/packages/x-charts/src/LineChart/MarkPlot.tsx +++ b/packages/x-charts/src/LineChart/MarkPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useCartesianContext } from '../context/CartesianProvider'; diff --git a/packages/x-charts/src/LineChart/useLineChartProps.ts b/packages/x-charts/src/LineChart/useLineChartProps.ts index 6841c5e927cd6..2c4f65aef8018 100644 --- a/packages/x-charts/src/LineChart/useLineChartProps.ts +++ b/packages/x-charts/src/LineChart/useLineChartProps.ts @@ -1,3 +1,4 @@ +'use client'; import useId from '@mui/utils/useId'; import { DEFAULT_X_AXIS_KEY } from '../constants'; import type { LineChartProps } from './LineChart'; diff --git a/packages/x-charts/src/PieChart/PieArc.tsx b/packages/x-charts/src/PieChart/PieArc.tsx index a7c8875b82a47..6919b17363ed7 100644 --- a/packages/x-charts/src/PieChart/PieArc.tsx +++ b/packages/x-charts/src/PieChart/PieArc.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape'; diff --git a/packages/x-charts/src/PieChart/PieArcLabel.tsx b/packages/x-charts/src/PieChart/PieArcLabel.tsx index 80c94367618b8..7734d46b60faf 100644 --- a/packages/x-charts/src/PieChart/PieArcLabel.tsx +++ b/packages/x-charts/src/PieChart/PieArcLabel.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { animated, SpringValue, to } from '@react-spring/web'; diff --git a/packages/x-charts/src/PieChart/PieArcLabelPlot.tsx b/packages/x-charts/src/PieChart/PieArcLabelPlot.tsx index 93708b7dfa18a..cd37e91b98813 100644 --- a/packages/x-charts/src/PieChart/PieArcLabelPlot.tsx +++ b/packages/x-charts/src/PieChart/PieArcLabelPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useTransition } from '@react-spring/web'; diff --git a/packages/x-charts/src/PieChart/PieArcPlot.tsx b/packages/x-charts/src/PieChart/PieArcPlot.tsx index f81c18acdf86c..13e233d5b642a 100644 --- a/packages/x-charts/src/PieChart/PieArcPlot.tsx +++ b/packages/x-charts/src/PieChart/PieArcPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useTransition } from '@react-spring/web'; diff --git a/packages/x-charts/src/PieChart/PieChart.tsx b/packages/x-charts/src/PieChart/PieChart.tsx index ecf72fbe4758e..8c4f4258c7aca 100644 --- a/packages/x-charts/src/PieChart/PieChart.tsx +++ b/packages/x-charts/src/PieChart/PieChart.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useRtl } from '@mui/system/RtlProvider'; diff --git a/packages/x-charts/src/PieChart/PiePlot.tsx b/packages/x-charts/src/PieChart/PiePlot.tsx index 588ac60ff32c2..b449fd2699e07 100644 --- a/packages/x-charts/src/PieChart/PiePlot.tsx +++ b/packages/x-charts/src/PieChart/PiePlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { DrawingContext } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/PieChart/dataTransform/useTransformData.ts b/packages/x-charts/src/PieChart/dataTransform/useTransformData.ts index 5ddf07df4275e..765d9ce683138 100644 --- a/packages/x-charts/src/PieChart/dataTransform/useTransformData.ts +++ b/packages/x-charts/src/PieChart/dataTransform/useTransformData.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ComputedPieRadius, diff --git a/packages/x-charts/src/ResponsiveChartContainer/ResponsiveChartContainer.tsx b/packages/x-charts/src/ResponsiveChartContainer/ResponsiveChartContainer.tsx index 5293e22ae8860..7932c917cc6d1 100644 --- a/packages/x-charts/src/ResponsiveChartContainer/ResponsiveChartContainer.tsx +++ b/packages/x-charts/src/ResponsiveChartContainer/ResponsiveChartContainer.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { ChartContainer, ChartContainerProps } from '../ChartContainer'; diff --git a/packages/x-charts/src/ResponsiveChartContainer/useChartContainerDimensions.ts b/packages/x-charts/src/ResponsiveChartContainer/useChartContainerDimensions.ts index 00ba813b4a28e..9013bcca9a2e4 100644 --- a/packages/x-charts/src/ResponsiveChartContainer/useChartContainerDimensions.ts +++ b/packages/x-charts/src/ResponsiveChartContainer/useChartContainerDimensions.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import useEnhancedEffect from '@mui/utils/useEnhancedEffect'; import ownerWindow from '@mui/utils/ownerWindow'; diff --git a/packages/x-charts/src/ResponsiveChartContainer/useResponsiveChartContainerProps.ts b/packages/x-charts/src/ResponsiveChartContainer/useResponsiveChartContainerProps.ts index 2ecb7d2a15cf5..94b91affe7b86 100644 --- a/packages/x-charts/src/ResponsiveChartContainer/useResponsiveChartContainerProps.ts +++ b/packages/x-charts/src/ResponsiveChartContainer/useResponsiveChartContainerProps.ts @@ -1,3 +1,4 @@ +'use client'; import { ChartContainerProps } from '../ChartContainer'; import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer'; import { useChartContainerDimensions } from './useChartContainerDimensions'; diff --git a/packages/x-charts/src/ScatterChart/Scatter.tsx b/packages/x-charts/src/ScatterChart/Scatter.tsx index 46d978aa28558..74aea129dc00a 100644 --- a/packages/x-charts/src/ScatterChart/Scatter.tsx +++ b/packages/x-charts/src/ScatterChart/Scatter.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { diff --git a/packages/x-charts/src/ScatterChart/ScatterChart.tsx b/packages/x-charts/src/ScatterChart/ScatterChart.tsx index c0f6eae56d25d..28a70b3bf0357 100644 --- a/packages/x-charts/src/ScatterChart/ScatterChart.tsx +++ b/packages/x-charts/src/ScatterChart/ScatterChart.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { useThemeProps } from '@mui/material/styles'; diff --git a/packages/x-charts/src/ScatterChart/ScatterPlot.tsx b/packages/x-charts/src/ScatterChart/ScatterPlot.tsx index d4326f5452152..dcc8f4ebf0838 100644 --- a/packages/x-charts/src/ScatterChart/ScatterPlot.tsx +++ b/packages/x-charts/src/ScatterChart/ScatterPlot.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { Scatter, ScatterProps } from './Scatter'; diff --git a/packages/x-charts/src/ScatterChart/useScatterChartProps.ts b/packages/x-charts/src/ScatterChart/useScatterChartProps.ts index 35b373fb07ddb..c54a3b8c7fd0c 100644 --- a/packages/x-charts/src/ScatterChart/useScatterChartProps.ts +++ b/packages/x-charts/src/ScatterChart/useScatterChartProps.ts @@ -1,3 +1,4 @@ +'use client'; import { ChartsAxisProps } from '../ChartsAxis'; import { ChartsAxisHighlightProps } from '../ChartsAxisHighlight'; import { ChartsGridProps } from '../ChartsGrid'; diff --git a/packages/x-charts/src/SparkLineChart/SparkLineChart.tsx b/packages/x-charts/src/SparkLineChart/SparkLineChart.tsx index 5a1ba89889c86..da1d649bdb0b7 100644 --- a/packages/x-charts/src/SparkLineChart/SparkLineChart.tsx +++ b/packages/x-charts/src/SparkLineChart/SparkLineChart.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { BarPlot } from '../BarChart'; diff --git a/packages/x-charts/src/context/CartesianProvider/CartesianProvider.tsx b/packages/x-charts/src/context/CartesianProvider/CartesianProvider.tsx index 516bc8386d804..ce91adc949fae 100644 --- a/packages/x-charts/src/context/CartesianProvider/CartesianProvider.tsx +++ b/packages/x-charts/src/context/CartesianProvider/CartesianProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useDrawingArea } from '../../hooks/useDrawingArea'; import { useSeries } from '../../hooks/useSeries'; diff --git a/packages/x-charts/src/context/CartesianProvider/useCartesianContext.ts b/packages/x-charts/src/context/CartesianProvider/useCartesianContext.ts index 17a08ba8d457a..afe70ce02e6d0 100644 --- a/packages/x-charts/src/context/CartesianProvider/useCartesianContext.ts +++ b/packages/x-charts/src/context/CartesianProvider/useCartesianContext.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { CartesianContext } from './CartesianContext'; import { CartesianContextState } from './Cartesian.types'; diff --git a/packages/x-charts/src/context/DrawingProvider.tsx b/packages/x-charts/src/context/DrawingProvider.tsx index cf851ba3b3505..5908d33067729 100644 --- a/packages/x-charts/src/context/DrawingProvider.tsx +++ b/packages/x-charts/src/context/DrawingProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import useId from '@mui/utils/useId'; import useChartDimensions from '../hooks/useChartDimensions'; diff --git a/packages/x-charts/src/context/HighlightedProvider/HighlightedProvider.tsx b/packages/x-charts/src/context/HighlightedProvider/HighlightedProvider.tsx index 2481fc157586b..23a99d9b3e39e 100644 --- a/packages/x-charts/src/context/HighlightedProvider/HighlightedProvider.tsx +++ b/packages/x-charts/src/context/HighlightedProvider/HighlightedProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import useControlled from '@mui/utils/useControlled'; diff --git a/packages/x-charts/src/context/HighlightedProvider/useHighlighted.ts b/packages/x-charts/src/context/HighlightedProvider/useHighlighted.ts index 59e0c8b9ac27d..ab584861dded7 100644 --- a/packages/x-charts/src/context/HighlightedProvider/useHighlighted.ts +++ b/packages/x-charts/src/context/HighlightedProvider/useHighlighted.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { HighlightedContext, HighlightedState } from './HighlightedContext'; diff --git a/packages/x-charts/src/context/HighlightedProvider/useItemHighlighted.ts b/packages/x-charts/src/context/HighlightedProvider/useItemHighlighted.ts index c6465231cf192..721d7f902017e 100644 --- a/packages/x-charts/src/context/HighlightedProvider/useItemHighlighted.ts +++ b/packages/x-charts/src/context/HighlightedProvider/useItemHighlighted.ts @@ -1,3 +1,4 @@ +'use client'; import { HighlightItemData } from './HighlightedContext'; import { useHighlighted } from './useHighlighted'; diff --git a/packages/x-charts/src/context/InteractionProvider.tsx b/packages/x-charts/src/context/InteractionProvider.tsx index 35cee12e71e63..80c4658bfc1f9 100644 --- a/packages/x-charts/src/context/InteractionProvider.tsx +++ b/packages/x-charts/src/context/InteractionProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ChartItemIdentifier, ChartSeriesType } from '../models/seriesType/config'; diff --git a/packages/x-charts/src/context/PluginProvider/PluginProvider.tsx b/packages/x-charts/src/context/PluginProvider/PluginProvider.tsx index a9b860eb45b7a..891629c7773a9 100644 --- a/packages/x-charts/src/context/PluginProvider/PluginProvider.tsx +++ b/packages/x-charts/src/context/PluginProvider/PluginProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { PluginProviderProps } from './Plugin.types'; import { PluginContext } from './PluginContext'; diff --git a/packages/x-charts/src/context/PluginProvider/useColorProcessor.ts b/packages/x-charts/src/context/PluginProvider/useColorProcessor.ts index 6ce0854359284..2bb5f9ab3de9a 100644 --- a/packages/x-charts/src/context/PluginProvider/useColorProcessor.ts +++ b/packages/x-charts/src/context/PluginProvider/useColorProcessor.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ChartSeriesType } from '../../models/seriesType/config'; import { PluginContext } from './PluginContext'; diff --git a/packages/x-charts/src/context/PluginProvider/useSeriesFormatter.ts b/packages/x-charts/src/context/PluginProvider/useSeriesFormatter.ts index 9185810ee1768..27ed067d6b5dd 100644 --- a/packages/x-charts/src/context/PluginProvider/useSeriesFormatter.ts +++ b/packages/x-charts/src/context/PluginProvider/useSeriesFormatter.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { ChartSeriesType } from '../../models/seriesType/config'; import { PluginContext } from './PluginContext'; diff --git a/packages/x-charts/src/context/SeriesProvider/SeriesProvider.tsx b/packages/x-charts/src/context/SeriesProvider/SeriesProvider.tsx index 58741372f52ee..9a37c692b45cc 100644 --- a/packages/x-charts/src/context/SeriesProvider/SeriesProvider.tsx +++ b/packages/x-charts/src/context/SeriesProvider/SeriesProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useTheme } from '@mui/material/styles'; import { ChartSeriesType, DatasetType } from '../../models/seriesType/config'; diff --git a/packages/x-charts/src/context/ZAxisContextProvider.tsx b/packages/x-charts/src/context/ZAxisContextProvider.tsx index c2407d89424c9..93a08641f452f 100644 --- a/packages/x-charts/src/context/ZAxisContextProvider.tsx +++ b/packages/x-charts/src/context/ZAxisContextProvider.tsx @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import PropTypes from 'prop-types'; import { DatasetType } from '../models/seriesType/config'; diff --git a/packages/x-charts/src/hooks/useAxis.ts b/packages/x-charts/src/hooks/useAxis.ts index d3f3fd2325bac..7f4ac25f6cef4 100644 --- a/packages/x-charts/src/hooks/useAxis.ts +++ b/packages/x-charts/src/hooks/useAxis.ts @@ -1,3 +1,4 @@ +'use client'; import { useCartesianContext } from '../context/CartesianProvider'; export function useXAxis(identifier?: number | string) { diff --git a/packages/x-charts/src/hooks/useAxisEvents.ts b/packages/x-charts/src/hooks/useAxisEvents.ts index 789f9ea45d54c..f3973f3fb3933 100644 --- a/packages/x-charts/src/hooks/useAxisEvents.ts +++ b/packages/x-charts/src/hooks/useAxisEvents.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { InteractionContext } from '../context/InteractionProvider'; import { useCartesianContext } from '../context/CartesianProvider'; diff --git a/packages/x-charts/src/hooks/useChartDimensions.ts b/packages/x-charts/src/hooks/useChartDimensions.ts index a8fe673fbf2c6..e2e047f2cc99c 100644 --- a/packages/x-charts/src/hooks/useChartDimensions.ts +++ b/packages/x-charts/src/hooks/useChartDimensions.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { DEFAULT_MARGINS } from '../constants'; import { LayoutConfig } from '../models/layout'; diff --git a/packages/x-charts/src/hooks/useChartId.ts b/packages/x-charts/src/hooks/useChartId.ts index 0107a8e8df583..ca1c3924e2589 100644 --- a/packages/x-charts/src/hooks/useChartId.ts +++ b/packages/x-charts/src/hooks/useChartId.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { DrawingContext } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/hooks/useColorScale.ts b/packages/x-charts/src/hooks/useColorScale.ts index 1443bfc727bda..f4284efa7454b 100644 --- a/packages/x-charts/src/hooks/useColorScale.ts +++ b/packages/x-charts/src/hooks/useColorScale.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { useCartesianContext } from '../context/CartesianProvider'; import { AxisScaleComputedConfig, ScaleName } from '../models/axis'; diff --git a/packages/x-charts/src/hooks/useDrawingArea.ts b/packages/x-charts/src/hooks/useDrawingArea.ts index 139a094210080..bd558dac183cf 100644 --- a/packages/x-charts/src/hooks/useDrawingArea.ts +++ b/packages/x-charts/src/hooks/useDrawingArea.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { DrawingArea, DrawingContext } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/hooks/useInteractionItemProps.ts b/packages/x-charts/src/hooks/useInteractionItemProps.ts index 12ef0ce071c42..49a6e5e70c90b 100644 --- a/packages/x-charts/src/hooks/useInteractionItemProps.ts +++ b/packages/x-charts/src/hooks/useInteractionItemProps.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { InteractionContext } from '../context/InteractionProvider'; import { SeriesItemIdentifier } from '../models'; diff --git a/packages/x-charts/src/hooks/useMounted.ts b/packages/x-charts/src/hooks/useMounted.ts index 298fc91f814ce..60a8bc1069278 100644 --- a/packages/x-charts/src/hooks/useMounted.ts +++ b/packages/x-charts/src/hooks/useMounted.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import useEnhancedEffect from '@mui/utils/useEnhancedEffect'; diff --git a/packages/x-charts/src/hooks/useReducedMotion.ts b/packages/x-charts/src/hooks/useReducedMotion.ts index 724e2da21fbed..5acafab44e809 100644 --- a/packages/x-charts/src/hooks/useReducedMotion.ts +++ b/packages/x-charts/src/hooks/useReducedMotion.ts @@ -1,3 +1,4 @@ +'use client'; import { useIsomorphicLayoutEffect, Globals } from '@react-spring/web'; const handleMediaChange = (e: { matches: boolean | undefined }) => { diff --git a/packages/x-charts/src/hooks/useScale.ts b/packages/x-charts/src/hooks/useScale.ts index 62755e68f8cdd..6081559d0a685 100644 --- a/packages/x-charts/src/hooks/useScale.ts +++ b/packages/x-charts/src/hooks/useScale.ts @@ -1,3 +1,4 @@ +'use client'; import { isBandScale } from '../internals/isBandScale'; import { AxisScaleConfig, D3Scale, ScaleName } from '../models/axis'; import { useXAxis, useYAxis } from './useAxis'; diff --git a/packages/x-charts/src/hooks/useSeries.ts b/packages/x-charts/src/hooks/useSeries.ts index ab771ed1bca25..727a94300fcfe 100644 --- a/packages/x-charts/src/hooks/useSeries.ts +++ b/packages/x-charts/src/hooks/useSeries.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { FormattedSeries, SeriesContext } from '../context/SeriesProvider'; diff --git a/packages/x-charts/src/hooks/useSvgRef.ts b/packages/x-charts/src/hooks/useSvgRef.ts index d2540807afa65..502debfe151e1 100644 --- a/packages/x-charts/src/hooks/useSvgRef.ts +++ b/packages/x-charts/src/hooks/useSvgRef.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { SvgContext } from '../context/DrawingProvider'; diff --git a/packages/x-charts/src/hooks/useTicks.ts b/packages/x-charts/src/hooks/useTicks.ts index 3cc08f9a80c6c..6e9466317cb6c 100644 --- a/packages/x-charts/src/hooks/useTicks.ts +++ b/packages/x-charts/src/hooks/useTicks.ts @@ -1,3 +1,4 @@ +'use client'; import * as React from 'react'; import { AxisConfig, D3Scale } from '../models/axis'; import { isBandScale } from '../internals/isBandScale';