@mui/x-data-grid 9.14.0 → 9.15.0

package/CHANGELOG.md

@@ -1,5 +1,181 @@
 # Changelog
 
+## 9.15.0
+
+_Oct 6, 2026_
+
+We'd like to extend a big thank you to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Russian (ru-RU) locale to the Scheduler
+- 📐 New `height` prop to size the Data Grid without a wrapper
+- 📅 New `onCancel` callback prop on the Date and Time Pickers
+- ⌨️ Home/End, Ctrl+Home/End, and PageUp/PageDown keyboard navigation in the Charts
+- 🔒 Data Grid and Charts exports work under a Content Security Policy
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @davidjb, @kwy404, @mixelburg, @Sazuru
+
+The following team members contributed to this release:
+@arminmeh, @brijeshb42, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.15.0`
+
+- [DataGrid] Add `height` prop for sizing without a wrapper (#23628) @michelengelen
+- [DataGrid] Cap the pagination toolbar so the footer height is stable on mount (#23547) @JCQuintas
+- [DataGrid] Document `rowsSet`, `filteredRowsSet` & `sortedRowsSet` events (#23631) @michelengelen
+- [DataGrid] Extract the data source polling into a shared hook (#23714) @LukasTy
+- [DataGrid] Fix `autosizeColumns` with wrapped header text (#23241) @siriwatknp
+- [DataGrid] Fix flex column jump when a detail panel expands (#23576) @michelengelen
+- [DataGrid] Fix stale columns and stalled loading in the demo data generator (#23727) @LukasTy
+- [DataGrid] Fix stale rows and lost edits in `useMockServer` (#23751) @LukasTy
+- [DataGrid] Fix the `height` prop overflowing a narrow flex row parent (#23745) @LukasTy
+- [DataGrid] Fix the `inputRef` prop type warning in select-based filter inputs (#23728) @LukasTy
+- [DataGrid] Keep empty first and last cells when copying rows (#23753) @Anexus5919
+- [DataGrid] Keep pinned cells opaque without `color-mix()` support (#23563) @michelengelen
+- [DataGrid] Let the theme disable the row checkbox ripple (#23703) @siriwatknp
+- [DataGrid] Stop the data source polling after the grid unmounts (#23709) @LukasTy
+- [DataGrid] Stop the lazy loading polling when `lazyLoading` turns off (#23717) @LukasTy
+- [DataGrid] Support `href` on `GridActionsCellItem` (#23630) @michelengelen
+
+#### `@mui/x-data-grid-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.15.0`.
+
+#### `@mui/x-data-grid-premium@9.15.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.15.0`, plus:
+
+- [DataGridPremium] Clear the aggregation from the column menu (#23641) @Anexus5919
+- [DataGridPremium] Fix exports failing or hanging under a Content Security Policy (#23521) @JCQuintas
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.15.0`
+
+- [fields] Focus the section synchronously on `mousedown` (#23642) @michelengelen
+- [pickers] Add `onCancel` callback prop (#23669) @michelengelen
+- [pickers] Fix `TimeClock` `PageUp` and `PageDown` at noon (#23741) @kwy404
+- [pickers] Fix `getDaysInMonth` on dates bound to a timezone before 1970 (#23302) @JCQuintas
+- [pickers] Fix month label jump when switching months fast (#23645) @michelengelen
+- [pickers] Fix singular/plural clock number ARIA labels (#23683) @michelengelen
+- [pickers] Fix the uncontrolled `defaultValue` change warning (#23702) @LukasTy
+- [pickers] Migrate picker hooks to the `manager` pattern (#23684) @michelengelen
+- [pickers] Preserve plain Day.js values across system DST changes (#22278) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.15.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.15.0`
+
+- [charts] Add Home/End, Ctrl+Home/End, and PageUp/PageDown keyboard navigation (#23146) @JCQuintas
+- [charts] Disable the `SparkLineChart` axis listener when nothing uses it (#23681) @Anexus5919
+- [charts] Fix `Unsupported style property @media` warning with responsive theme typography (#23705) @noraleonte
+- [charts] Pass `SparkLineChart` container props to the data provider (#23690) @mixelburg
+
+#### `@mui/x-charts-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.15.0`, plus:
+
+- [charts-pro] Fix image export under a CSP when styles come only from `<link>` stylesheets (#23721) @Anexus5919
+- [charts-pro] Fix exports failing or hanging under a Content Security Policy (#23521) @JCQuintas
+
+#### `@mui/x-charts-premium@9.15.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.15.0`, plus:
+
+- [charts-premium] Move the Excel export defaults out of the types file (#23643) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.15.0`
+
+- [tree view] Use `aria-selected` instead of `aria-checked` when `checkboxSelection` is disabled (#23679) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.15.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.15.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.13`
+
+- [l10n] Add Russian (ru-RU) locale (#23567) @Sazuru
+- [scheduler] Clamp the placeholder span to the week row (#23734) @rita-codes
+- [scheduler] Fix the agenda view crashing when hiding empty days and no event is in the horizon (#23570) @rita-codes
+- [scheduler] Fix the event dialog moving untouched dates across timezones (#23462) @rita-codes
+- [scheduler] Give events a proper accessible name (#23675) @rita-codes
+- [scheduler] Index events by visible range (#23362) @flaviendelangle
+- [scheduler] Index timeline occurrences by position (#23367) @flaviendelangle
+- [scheduler] Pass the weekday token to the monthly recurrence labels (#23637) @Anexus5919
+- [scheduler] Remove redundant readonly recurrence subscription (#23626) @flaviendelangle
+- [scheduler] Render the event-item recurring icon once (#23621) @flaviendelangle
+- [scheduler] Share custom recurrence draft updates (#23618) @flaviendelangle
+- [scheduler] Share edit and show-details menu item markup (#23627) @flaviendelangle
+- [scheduler] Simplify time-grid event duration checks (#23611) @flaviendelangle
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.13` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.13`, plus:
+
+- [scheduler-premium] Dependencies - SS/FF/SF and lag in the auto-scheduling engine (#23623) @rita-codes
+- [scheduler-premium] Read the RRULE `UNTIL` as a UTC instant (#23739) @rita-codes
+- [scheduler-premium] Read the `body2` font size unit in the timeline row height (#23736) @rita-codes
+
+### Chat
+
+#### `@mui/x-chat@9.0.0-alpha.19`
+
+- [chat] Cap markdown input length to avoid a render-thread freeze (#23008) @Anexus5919
+- [chat] Distinguish "history not loaded yet" from "empty conversation" (#23607) @JCQuintas
+
+#### `@mui/x-chat-headless@9.0.0-alpha.19`
+
+- [chat] Distinguish "history not loaded yet" from "empty conversation" (#23607) @JCQuintas
+
+### Codemod
+
+#### `@mui/x-codemod@9.15.0`
+
+Internal changes.
+
+### Docs
+
+- [DataGrid] Make product comparisons more explicit on Overview page (#22696) @mapache-salvaje
+- [tree view] Fix typo on Customization page (#23691) @davidjb
+
+### Core
+
+- [code-infra] Cap typecheck concurrency and remove `typescript:ci` (#23731) @Janpot
+- [code-infra] Clear the demo data caches between regression routes (#23747) @Janpot
+- [code-infra] Enable pnpm `autoDedupe` (#23706) @LukasTy
+- [code-infra] Fix the stale `@types/node` entry in the lockfile (#23742) @LukasTy
+- [code-infra] Mark the Argos reference branch for release branch cuts (#23776) @Janpot
+- [code-infra] Only fake timers while a regression test case mounts (#23748) @Janpot
+- [code-infra] Widen `@babel/runtime` range and stop emitting empty class fields (#23707) @brijeshb42
+- [docs-infra] Migrate deploy-succeeded to event-triggered function (#23634) @brijeshb42
+- [docs-infra] Retire the docs service worker (#23674) @Janpot
+
+### Miscellaneous
+
+- [ci] Flake-fix caller: follow mui-public's central model default (#23680) @Janpot
+- [internals] Fix `hash` word indexing and buffer sizing (#23494) @romgrk
+- [test] Fix regression flake when an aborted image errors mid-wait (#23708) @JCQuintas
+- [test] Fix the flaky data grid export tests (#23720) @LukasTy
+- [test] Fix the flaky detail panel flex width test on React 18 (#23710) @LukasTy
+- [test] Load the regression fonts from npm instead of Google Fonts (#23775) @Janpot
+- [test] Make regression screenshot rasterization deterministic (#23722) @LukasTy
+- [test] Wait for the Mars texture before the `MarsMap` regression screenshot (#23730) @LukasTy
+- [virtualizer] Do not affect `columnPositions` selector with unrelated state change (#23629) @arminmeh
+- [x-internals] Import Base UI utils directly instead of re-exporting them (#23373) @romgrk
+- [x-internals] Import the store from `@base-ui/utils` directly (#23335) @romgrk
+
 ## 9.14.0
 
 _Sep 17, 2026_

package/DataGrid/DataGrid.js

@@ -407,6 +407,14 @@ process.env.NODE_ENV !== "production" ? DataGridRaw.propTypes /* remove-proptype
    * @returns {GridRowSpacing} The row spacing values.
    */
   getRowSpacing: _propTypes.default.func,
+  /**
+   * The fixed height of the Data Grid.
+   * Accepts a number (pixels), a CSS length (for example `'50vh'`), a percentage, or a CSS calculation.
+   * Percentage values require a parent with an explicit height.
+   * Content-based values such as `'auto'`, `'min-content'`, `'max-content'`, and `'fit-content'` are not supported.
+   * For content-based sizing, use a flex parent container instead.
+   */
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   /**
    * If `true`, the footer component is hidden.
    * @default false

package/DataGrid/DataGrid.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
@@ -400,6 +400,14 @@ process.env.NODE_ENV !== "production" ? DataGridRaw.propTypes /* remove-proptype
    * @returns {GridRowSpacing} The row spacing values.
    */
   getRowSpacing: PropTypes.func,
+  /**
+   * The fixed height of the Data Grid.
+   * Accepts a number (pixels), a CSS length (for example `'50vh'`), a percentage, or a CSS calculation.
+   * Percentage values require a parent with an explicit height.
+   * Content-based values such as `'auto'`, `'min-content'`, `'max-content'`, and `'fit-content'` are not supported.
+   * For content-based sizing, use a flex parent container instead.
+   */
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * If `true`, the footer component is hidden.
    * @default false

package/DataGrid/useDataGridComponent.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDataGridComponent = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _useFirstRender = require("@mui/x-internals/useFirstRender");
+var _useOnFirstRender = require("@base-ui/utils/useOnFirstRender");
 var _useGridInitialization = require("../hooks/core/useGridInitialization");
 var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
 var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
@@ -101,7 +101,7 @@ const useDataGridComponent = (apiRef, props, configuration) => {
   (0, _useGridDataSource.useGridDataSource)(apiRef, props);
 
   // Should be the last thing to run, because all pre-processors should have been registered by now.
-  (0, _useFirstRender.useFirstRender)(() => {
+  (0, _useOnFirstRender.useOnFirstRender)(() => {
     apiRef.current.runAppliersForPendingProcessors();
   });
   React.useEffect(() => {

package/DataGrid/useDataGridComponent.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { useFirstRender } from '@mui/x-internals/useFirstRender';
+import { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';
 import { useGridInitialization } from "../hooks/core/useGridInitialization.mjs";
 import { useGridInitializeState } from "../hooks/utils/useGridInitializeState.mjs";
 import { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.mjs";
@@ -95,7 +95,7 @@ export const useDataGridComponent = (apiRef, props, configuration) => {
   useGridDataSource(apiRef, props);
 
   // Should be the last thing to run, because all pre-processors should have been registered by now.
-  useFirstRender(() => {
+  useOnFirstRender(() => {
     apiRef.current.runAppliersForPendingProcessors();
   });
   React.useEffect(() => {

package/DataGrid/useDataGridProps.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import { getThemeProps } from '@mui/system';

package/colDef/gridActionsColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
 import { renderActionsCell } from "../components/cell/GridActionsCell.mjs";
 export const GRID_ACTIONS_COLUMN_TYPE = 'actions';

package/colDef/gridBooleanColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
 import { renderBooleanCell } from "../components/cell/GridBooleanCell.mjs";
 import { renderEditBooleanCell } from "../components/cell/GridEditBooleanCell.mjs";

package/colDef/gridCheckboxSelectionColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GridCellCheckboxRenderer } from "../components/columnSelection/GridCellCheckboxRenderer.mjs";
 import { GridHeaderCheckbox } from "../components/columnSelection/GridHeaderCheckbox.mjs";
 import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.mjs";

package/colDef/gridDateColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { gridDateComparator } from "../hooks/features/sorting/gridSortingUtils.mjs";
 import { getGridDateOperators } from "./gridDateOperators.mjs";

package/colDef/gridDefaultColumnTypes.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { getGridColumnTypesRegistry } from "./gridColumnTypesRegistry.mjs";
 export { DEFAULT_GRID_COL_TYPE_KEY } from "./gridColumnTypesRegistry.mjs";
 export const getGridDefaultColumnTypes = () => _extends({}, getGridColumnTypesRegistry());

package/colDef/gridLongTextColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
 import { renderLongTextCell } from "../components/cell/GridLongTextCell.mjs";
 import { renderEditLongTextCell } from "../components/cell/GridEditLongTextCell.mjs";

package/colDef/gridNumericColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { gridNumberComparator } from "../hooks/features/sorting/gridSortingUtils.mjs";
 import { isNumber } from "../utils/utils.mjs";
 import { getGridNumericOperators, getGridNumericQuickFilterFn } from "./gridNumericOperators.mjs";

package/colDef/gridSingleSelectColDef.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GRID_STRING_COL_DEF } from "./gridStringColDef.mjs";
 import { renderEditSingleSelectCell } from "../components/cell/GridEditSingleSelectCell.mjs";
 import { getGridSingleSelectOperators } from "./gridSingleSelectOperators.mjs";

package/components/GridColumnHeaders.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridColumnSortButton.mjs

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["direction", "index", "sortingOrder", "disabled", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridColumnUnsortedIcon.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["sortingOrder"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridFooter.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridSelector } from "../hooks/utils/useGridSelector.mjs";

package/components/GridHeader.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";
 import { GridPreferencesPanel } from "./panel/GridPreferencesPanel.mjs";

package/components/GridHeaders.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.mjs";
 import { useGridSelector } from "../hooks/utils/useGridSelector.mjs";

package/components/GridLoadingOverlay.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["variant", "noRowsVariant", "style"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridNoColumnsOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridRootProps } from "../hooks/utils/useGridRootProps.mjs";

package/components/GridNoResultsOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";
 import { GridOverlay } from "./containers/GridOverlay.mjs";

package/components/GridNoRowsOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useGridApiContext } from "../hooks/utils/useGridApiContext.mjs";

package/components/GridPagination.js

@@ -22,7 +22,15 @@ const GridPaginationRoot = (0, _styles.styled)(_assert.NotRendered, {
 })({
   maxHeight: 'calc(100% + 1px)',
   // border width
-  flexGrow: 1
+  flexGrow: 1,
+  // Leave room for the footer's 1px border inside its 52px minimum. Without this the
+  // toolbar's own 52px minimum plus that border makes the footer 53px on the first
+  // layout pass, and flex-shrink only reclaims the pixel once the height is definite
+  // enough for `maxHeight` above to resolve. Everything sized from the viewport
+  // height moves with that late correction.
+  '& .MuiToolbar-root': {
+    minHeight: 51
+  }
 });
 function GridPagination() {
   const apiRef = (0, _useGridApiContext.useGridApiContext)();

package/components/GridPagination.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
@@ -15,7 +15,15 @@ const GridPaginationRoot = styled(NotRendered, {
 })({
   maxHeight: 'calc(100% + 1px)',
   // border width
-  flexGrow: 1
+  flexGrow: 1,
+  // Leave room for the footer's 1px border inside its 52px minimum. Without this the
+  // toolbar's own 52px minimum plus that border makes the footer 53px on the first
+  // layout pass, and flex-shrink only reclaims the pixel once the height is definite
+  // enough for `maxHeight` above to resolve. Everything sized from the viewport
+  // height moves with that late correction.
+  '& .MuiToolbar-root': {
+    minHeight: 51
+  }
 });
 function GridPagination() {
   const apiRef = useGridApiContext();

package/components/GridRow.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["selected", "rowId", "row", "index", "style", "rowHeight", "className", "visibleColumns", "pinnedColumns", "offsetLeft", "columnsTotalWidth", "firstColumnIndex", "lastColumnIndex", "retainedColumnIndexes", "focusedColumnIndex", "isFirstVisible", "isLastVisible", "isNotVisible", "showBottomBorder", "scrollbarWidth", "gridHasFiller", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridRowCount.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "rowCount", "visibleRowCount"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridRowDragAndDropOverlay.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { shouldForwardProp } from '@mui/system/createStyled';

package/components/GridScrollArea.mjs

@@ -2,7 +2,7 @@
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import composeClasses from '@mui/utils/composeClasses';

package/components/GridSelectedRowCount.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "selectedRowCount"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridShadowScrollArea.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["children"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/GridSkeletonLoadingOverlay.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["skeletonRowsCount", "visibleColumns", "showFirstRowBorder"];
 import * as React from 'react';
 import clsx from 'clsx';

package/components/base/GridFooterPlaceholder.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function GridFooterPlaceholder() {

package/components/base/GridOverlays.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';

package/components/cell/GridActionsCell.js

@@ -63,8 +63,8 @@ function GridActionsCell(props) {
         actions.push(child);
       } else if (process.env.NODE_ENV !== 'production') {
         const childType = typeof child.type === 'function' ? child.type.name : child.type;
-        (0, _warning.warnOnce)(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
-If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`, 'error');
+        (0, _warning.errorOnce)(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
+If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`);
       }
     }
   });

package/components/cell/GridActionsCell.mjs

@@ -1,14 +1,14 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["api", "colDef", "id", "hasFocus", "isEditable", "field", "value", "formattedValue", "row", "rowNode", "cellMode", "tabIndex", "position", "onMenuOpen", "onMenuClose", "children", "suppressChildrenValidation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useRtl } from '@mui/system/RtlProvider';
 import useId from '@mui/utils/useId';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { gridClasses } from "../../constants/gridClasses.mjs";
 import { GridMenu } from "../menu/GridMenu.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
@@ -55,8 +55,8 @@ function GridActionsCell(props) {
         actions.push(child);
       } else if (process.env.NODE_ENV !== 'production') {
         const childType = typeof child.type === 'function' ? child.type.name : child.type;
-        warnOnce(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
-If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`, 'error');
+        errorOnce(`MUI X: Invalid child type in \`GridActionsCell\`. Expected \`GridActionsCellItem\` or \`React.Fragment\`, got \`${childType}\`.
+If this is intentional, you can suppress this warning by passing the \`suppressChildrenValidation\` prop to \`GridActionsCell\`.`);
       }
     }
   });