@mui/x-data-grid 8.6.0 → 8.7.0

package/esm/hooks/core/useGridApiInitialization.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { EventManager } from '@mui/x-internals/EventManager';
 import { Store } from '@mui/x-internals/store';

package/esm/hooks/core/useGridIsRtl.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useRtl } from '@mui/system/RtlProvider';

package/esm/hooks/core/useGridProps.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 export const propsStateInitializer = (state, props) => {

package/esm/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["groupId", "children"];

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';

package/esm/hooks/features/columnResize/useGridColumnResize.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/columns/useGridColumns.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
@@ -205,9 +207,9 @@ export function useGridColumns(apiRef, props) {
     });
   }, [apiRef, props.columnVisibilityModel, props.initialState?.columns]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
-    const columnVisibilityModelToImport = context.stateToRestore.columns?.columnVisibilityModel;
     const initialState = context.stateToRestore.columns;
-    if (columnVisibilityModelToImport == null && initialState == null) {
+    const columnVisibilityModelToImport = initialState?.columnVisibilityModel;
+    if (initialState == null) {
       return params;
     }
     const columnsState = createColumnsState({
@@ -217,7 +219,25 @@ export function useGridColumns(apiRef, props) {
       columnVisibilityModel: columnVisibilityModelToImport,
       keepOnlyColumnsToUpsert: false
     });
-    apiRef.current.setState(mergeColumnsState(columnsState));
+    if (initialState != null) {
+      apiRef.current.setState(prevState => _extends({}, prevState, {
+        columns: _extends({}, prevState.columns, {
+          lookup: columnsState.lookup,
+          orderedFields: columnsState.orderedFields,
+          initialColumnVisibilityModel: columnsState.initialColumnVisibilityModel
+        })
+      }));
+    }
+
+    // separate column visibility model state update as it can be controlled
+    // https://github.com/mui/mui-x/issues/17681#issuecomment-3012528602
+    if (columnVisibilityModelToImport != null) {
+      apiRef.current.setState(prevState => _extends({}, prevState, {
+        columns: _extends({}, prevState.columns, {
+          columnVisibilityModel: columnVisibilityModelToImport
+        })
+      }));
+    }
     if (initialState != null) {
       apiRef.current.publishEvent('columnsChange', columnsState.orderedFields);
     }

package/esm/hooks/features/dataSource/useGridDataSource.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridRegisterStrategyProcessor } from "../../core/strategyProcessing/useGridRegisterStrategyProcessor.js";

package/esm/hooks/features/dataSource/useGridDataSourceBase.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/density/useGridDensity.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/dimensions/useGridDimensions.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/editing/useGridCellEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _extends from "@babel/runtime/helpers/esm/extends";

package/esm/hooks/features/editing/useGridEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";

package/esm/hooks/features/editing/useGridRowEditing.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";

package/esm/hooks/features/export/useGridPrintExport.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import ownerDocument from '@mui/utils/ownerDocument';

package/esm/hooks/features/focus/useGridFocus.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/headerFiltering/useGridHeaderFiltering.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";

package/esm/hooks/features/listView/useGridListView.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';

package/esm/hooks/features/pagination/useGridPaginationMeta.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridLogger, useGridSelector, useGridApiMethod } from "../../utils/index.js";

package/esm/hooks/features/pagination/useGridPaginationModel.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';

package/esm/hooks/features/pagination/useGridRowCount.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/rowSelection/useGridRowSelection.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';

package/esm/hooks/features/rows/useGridRowSpanning.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/rows/useGridRows.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';

package/esm/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';

package/esm/hooks/features/virtualization/useGridVirtualization.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";

package/esm/hooks/utils/useGridEvent.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { TimerBasedCleanupTracking } from "../../utils/cleanupTracking/TimerBasedCleanupTracking.js";
 import { FinalizationRegistryBasedCleanupTracking } from "../../utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js";

package/esm/hooks/utils/useGridPrivateApiContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const GridPrivateApiContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") GridPrivateApiContext.displayName = "GridPrivateApiContext";

package/esm/hooks/utils/useGridSelector.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { warnOnce } from '@mui/x-internals/warning';

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.6.0
+ * @mui/x-data-grid v8.7.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/demo/TailwindDemoContainer.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';

package/esm/locales/daDK.js

@@ -41,7 +41,7 @@ const daDKGrid = {
   // Columns management text
   columnsManagementSearchTitle: 'Søg',
   columnsManagementNoColumns: 'Ingen søjler',
-  columnsManagementShowHideAllText: 'Vis/Skjul Alle',
+  columnsManagementShowHideAllText: 'Vis/Skjul alle',
   columnsManagementReset: 'Nulstil',
   // columnsManagementDeleteIconLabel: 'Clear',
 

package/esm/utils/css/context.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.js";

package/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/core/useGridApiInitialization.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/core/useGridIsRtl.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/core/useGridProps.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/columnResize/useGridColumnResize.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/columns/useGridColumns.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -215,9 +216,9 @@ function useGridColumns(apiRef, props) {
     });
   }, [apiRef, props.columnVisibilityModel, props.initialState?.columns]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
-    const columnVisibilityModelToImport = context.stateToRestore.columns?.columnVisibilityModel;
     const initialState = context.stateToRestore.columns;
-    if (columnVisibilityModelToImport == null && initialState == null) {
+    const columnVisibilityModelToImport = initialState?.columnVisibilityModel;
+    if (initialState == null) {
       return params;
     }
     const columnsState = (0, _gridColumnsUtils.createColumnsState)({
@@ -227,7 +228,25 @@ function useGridColumns(apiRef, props) {
       columnVisibilityModel: columnVisibilityModelToImport,
       keepOnlyColumnsToUpsert: false
     });
-    apiRef.current.setState(mergeColumnsState(columnsState));
+    if (initialState != null) {
+      apiRef.current.setState(prevState => (0, _extends2.default)({}, prevState, {
+        columns: (0, _extends2.default)({}, prevState.columns, {
+          lookup: columnsState.lookup,
+          orderedFields: columnsState.orderedFields,
+          initialColumnVisibilityModel: columnsState.initialColumnVisibilityModel
+        })
+      }));
+    }
+
+    // separate column visibility model state update as it can be controlled
+    // https://github.com/mui/mui-x/issues/17681#issuecomment-3012528602
+    if (columnVisibilityModelToImport != null) {
+      apiRef.current.setState(prevState => (0, _extends2.default)({}, prevState, {
+        columns: (0, _extends2.default)({}, prevState.columns, {
+          columnVisibilityModel: columnVisibilityModelToImport
+        })
+      }));
+    }
     if (initialState != null) {
       apiRef.current.publishEvent('columnsChange', columnsState.orderedFields);
     }

package/hooks/features/dataSource/useGridDataSource.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/features/dataSource/useGridDataSourceBase.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/density/useGridDensity.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/dimensions/useGridDimensions.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/editing/useGridCellEditing.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/hooks/features/editing/useGridEditing.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/editing/useGridRowEditing.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/hooks/features/export/useGridPrintExport.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/focus/useGridFocus.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/headerFiltering/useGridHeaderFiltering.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/listView/useGridListView.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/pagination/useGridPaginationMeta.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/pagination/useGridPaginationModel.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/pagination/useGridRowCount.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/rows/useGridRowSpanning.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/rows/useGridRows.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/features/virtualization/useGridVirtualization.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/hooks/utils/useGridEvent.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/utils/useGridPrivateApiContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/hooks/utils/useGridSelector.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.6.0
+ * @mui/x-data-grid v8.7.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/demo/TailwindDemoContainer.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/locales/daDK.js

@@ -47,7 +47,7 @@ const daDKGrid = {
   // Columns management text
   columnsManagementSearchTitle: 'Søg',
   columnsManagementNoColumns: 'Ingen søjler',
-  columnsManagementShowHideAllText: 'Vis/Skjul Alle',
+  columnsManagementShowHideAllText: 'Vis/Skjul alle',
   columnsManagementReset: 'Nulstil',
   // columnsManagementDeleteIconLabel: 'Clear',
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.6.0",
+  "version": "8.7.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -44,7 +44,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.6.0"
+    "@mui/x-internals": "8.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/css/context.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {