@mui/x-data-grid-premium 9.8.0 → 9.9.0

package/CHANGELOG.md

@@ -1,5 +1,124 @@
 # Changelog
 
+## 9.9.0
+
+_Jul 9, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 [Data sampling](https://mui.com/x/react-charts/performance/#sampling) for better performance with large bar and line charts
+- 🗺️ [Maps zoom support](https://mui.com/x/react-charts/map/#zoom)
+- ☑️ Support [applying filters on demand](https://mui.com/x/react-data-grid/filtering/customization/#apply-filters-on-demand) in the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@mustafajw07, @sebastianfrey
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @brijeshb42, @hasdfa, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.9.0`
+
+- [DataGrid] Add `dataSourceKeepPreviousData` prop (#22554) @LukasTy
+- [DataGrid] Add controlled filter panel for applying filters on demand (#23023) @sebastianfrey
+
+#### `@mui/x-data-grid-pro@9.9.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.9.0`.
+
+#### `@mui/x-data-grid-premium@9.9.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.9.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.9.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.9.0`, plus:
+
+- [DateRangeCalendar] Avoid unnecessary month switch when the value is already visible (#22996) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.9.0`
+
+- [charts] Optimize and de-duplicate sampled axis-highlight band lookup (#23052) @JCQuintas
+- [charts] Unify tooltip item position getter and selector into a single selector API (#23041) @alexfauquette
+- [charts] Fix impossible condition in axis text angle warning (#23102) @sai6855
+
+#### `@mui/x-charts-pro@9.9.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.9.0`, plus:
+
+- [charts-pro] Add data sampling for large bar and line charts (#22830) @JCQuintas
+- [charts-pro] Allow sampling on non-zoomable charts (#23051) @JCQuintas
+
+#### `@mui/x-charts-premium@9.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+#### Breaking changes
+
+The API of the `Unstable_ChartsGeoDataProviderPremium` got modified.
+Props `scale`, `rotation`, and `translation` are replaced by props `view` and `initialView`.
+Same behavior can be obtained with `view.zoomLevel`, `view.center`, and `view.translation`.
+See the [zoom view section](https://mui.com/x/react-charts/map/#control) for detailed information
+
+Same changes as in `@mui/x-charts-pro@9.9.0`, plus:
+
+- [charts-premium] Maps zoom support (#22709) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.9.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.9.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.9.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.5`
+
+- [scheduler] Introduce event resource helper utilities (#23022) @mustafajw07
+- [scheduler] Preserve multi-day event continuity across overflow (#22797) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.5` [![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.5`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.9.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix broken social preview image on shared docs links (#23055) @sai6855
+- [docs] Review and clean up react-chat docs demos & gallery; fix actions-bar layout (#22993) @hasdfa
+- [docs] Update the Pickers recommended date library bundle sizes (#23087) @LukasTy
+
+### Core
+
+- [mcp] Add `@mui/mcp` server and `@mui/x-agent-tools`. See the [README](https://github.com/mui/mui-x/blob/master/packages/mcp/README.md) for setup (#22947) @aemartos
+- [code-infra] Avoid OOM in the Netlify docs build and CircleCI lint step (#23086) @LukasTy
+- [code-infra] Group `@atlaskit/pragmatic-drag-and-drop` renovate updates (#23105) @LukasTy
+- [code-infra] Validate npm publishing through dry run (#23038) @brijeshb42
+- [docs-infra] Enable `webpackBuildWorker` to bound docs build memory (#23100) @Janpot
+
+### Miscellaneous
+
+- [test] Fix flaky "should render only the pageSize" Data Grid virtualization test (#23090) @LukasTy
+- [test] Track `@mui/x-chat` bundle size via native expand (#23049) @Janpot
+
 ## 9.8.0
 
 _Jul 2, 2026_

package/DataGridPremium/DataGridPremium.js

@@ -51,8 +51,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.0",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
@@ -359,6 +359,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes /* remove-p
     get: _propTypes.default.func.isRequired,
     set: _propTypes.default.func.isRequired
   }),
+  /**
+   * If `true`, the previously displayed rows are kept visible while new rows are being fetched after pagination, sorting, or filtering changes.
+   * The loading overlay is rendered on top of the previous rows.
+   * Only applies to flat data; tree data and row grouping always reset the rows on refetch to keep the order consistent with the new response.
+   * @default false
+   */
+  dataSourceKeepPreviousData: _propTypes.default.bool,
   /**
    * If positive, the Data Grid will periodically revalidate data source rows by re-fetching them from the server when the cache entry has expired.
    * If the refetched rows are different from the current rows, the grid will update the rows.

package/DataGridPremium/DataGridPremium.mjs

@@ -44,8 +44,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc4Mjk1MDQwMDAwMA==",
-  version: "9.8.0",
+  releaseDate: "MTc4MzU1NTIwMDAwMA==",
+  version: "9.9.0",
   name: 'x-data-grid-premium'
 };
 const watermark = /*#__PURE__*/_jsx(Watermark, {
@@ -352,6 +352,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes /* remove-p
     get: PropTypes.func.isRequired,
     set: PropTypes.func.isRequired
   }),
+  /**
+   * If `true`, the previously displayed rows are kept visible while new rows are being fetched after pagination, sorting, or filtering changes.
+   * The loading overlay is rendered on top of the previous rows.
+   * Only applies to flat data; tree data and row grouping always reset the rows on refetch to keep the order consistent with the new response.
+   * @default false
+   */
+  dataSourceKeepPreviousData: PropTypes.bool,
   /**
    * If positive, the Data Grid will periodically revalidate data source rows by re-fetching them from the server when the cache entry has expired.
    * If the refetched rows are different from the current rows, the grid will update the rows.

package/components/GridAggregationHeader.d.mts

@@ -2,5 +2,5 @@ import type { GridColumnHeaderParams } from '@mui/x-data-grid';
 import type { GridBaseColDef } from '@mui/x-data-grid/internals';
 declare function GridAggregationHeader(props: GridColumnHeaderParams & {
   renderHeader: GridBaseColDef['renderHeader'];
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export { GridAggregationHeader };

package/components/GridAggregationHeader.d.ts

@@ -2,5 +2,5 @@ import type { GridColumnHeaderParams } from '@mui/x-data-grid';
 import type { GridBaseColDef } from '@mui/x-data-grid/internals';
 declare function GridAggregationHeader(props: GridColumnHeaderParams & {
   renderHeader: GridBaseColDef['renderHeader'];
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 export { GridAggregationHeader };

package/components/GridBottomContainer.d.mts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/components/GridBottomContainer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type GridBottomContainerProps = React.PropsWithChildren;
-export declare function GridBottomContainer(props: GridBottomContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridBottomContainer(props: GridBottomContainerProps): React.JSX.Element;

package/components/GridDataSourceGroupingCriteriaCell.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
 }
-export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
 export {};

package/components/GridDataSourceGroupingCriteriaCell.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
 }
-export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridDataSourceGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
 export {};

package/components/GridExcelExportMenuItem.d.mts

@@ -1,7 +1,7 @@
 import type { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
 import type { GridExcelExportOptions } from "../hooks/features/export/index.mjs";
 export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
-declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react").JSX.Element;
 declare namespace GridExcelExportMenuItem {
   var propTypes: any;
 }

package/components/GridExcelExportMenuItem.d.ts

@@ -1,7 +1,7 @@
 import type { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
 import type { GridExcelExportOptions } from "../hooks/features/export/index.js";
 export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
-declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): import("react").JSX.Element;
 declare namespace GridExcelExportMenuItem {
   var propTypes: any;
 }

package/components/GridGroupingColumnFooterCell.d.mts

@@ -1,3 +1,3 @@
 import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
+declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): import("react").JSX.Element;
 export { GridGroupingColumnFooterCell };

package/components/GridGroupingColumnFooterCell.d.ts

@@ -1,3 +1,3 @@
 import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
+declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): import("react").JSX.Element;
 export { GridGroupingColumnFooterCell };

package/components/GridGroupingColumnLeafCell.d.mts

@@ -1,3 +1,3 @@
 import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
+declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): import("react").JSX.Element;
 export { GridGroupingColumnLeafCell };

package/components/GridGroupingColumnLeafCell.d.ts

@@ -1,3 +1,3 @@
 import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
+declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): import("react").JSX.Element;
 export { GridGroupingColumnLeafCell };

package/components/GridGroupingCriteriaCell.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
 }
-export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
 export {};

package/components/GridGroupingCriteriaCell.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
 interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
 }
-export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
 export {};

package/components/GridPremiumColumnMenu.d.mts

@@ -2,7 +2,7 @@ import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import type { GridColumnMenuComponent } from '@mui/x-data-grid-pro/internals';
 import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.mjs";
 import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.mjs";
-export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react").JSX.Element;
 export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
   columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
   columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;

package/components/GridPremiumColumnMenu.d.ts

@@ -2,7 +2,7 @@ import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
 import type { GridColumnMenuComponent } from '@mui/x-data-grid-pro/internals';
 import { GridColumnMenuAggregationItem } from "./columnMenu/menuItems/GridColumnMenuAggregationItem.js";
 import { GridColumnMenuManagePanelItem } from "./columnMenu/menuItems/GridColumnMenuManagePanelItem.js";
-export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): import("react").JSX.Element;
 export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
   columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
   columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;

package/components/GridPremiumToolbar.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridToolbarProps } from '@mui/x-data-grid-pro/internals';
-export declare function GridPremiumToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridPremiumToolbar(props: GridToolbarProps): React.JSX.Element;

package/components/GridPremiumToolbar.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridToolbarProps } from '@mui/x-data-grid-pro/internals';
-export declare function GridPremiumToolbar(props: GridToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridPremiumToolbar(props: GridToolbarProps): React.JSX.Element;

package/components/aiAssistantPanel/GridAiAssistantPanel.d.mts

@@ -1,2 +1,3 @@
-declare function GridAiAssistantPanel(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridAiAssistantPanel(): React.JSX.Element;
 export { GridAiAssistantPanel };

package/components/aiAssistantPanel/GridAiAssistantPanel.d.ts

@@ -1,2 +1,3 @@
-declare function GridAiAssistantPanel(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridAiAssistantPanel(): React.JSX.Element;
 export { GridAiAssistantPanel };

package/components/aiAssistantPanel/GridAiAssistantPanelConversation.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { Conversation } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 type GridAiAssistantPanelConversationProps = {
   conversation: Conversation;
 };
-declare function GridAiAssistantPanelConversation(props: GridAiAssistantPanelConversationProps): import("react/jsx-runtime").JSX.Element;
+declare function GridAiAssistantPanelConversation(props: GridAiAssistantPanelConversationProps): React.JSX.Element;
 export { GridAiAssistantPanelConversation };

package/components/aiAssistantPanel/GridAiAssistantPanelConversation.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { Conversation } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 type GridAiAssistantPanelConversationProps = {
   conversation: Conversation;
 };
-declare function GridAiAssistantPanelConversation(props: GridAiAssistantPanelConversationProps): import("react/jsx-runtime").JSX.Element;
+declare function GridAiAssistantPanelConversation(props: GridAiAssistantPanelConversationProps): React.JSX.Element;
 export { GridAiAssistantPanelConversation };

package/components/aiAssistantPanel/GridAiAssistantPanelConversationsMenu.d.mts

@@ -1,2 +1,3 @@
-declare function GridAiAssistantPanelConversationsMenu(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridAiAssistantPanelConversationsMenu(): React.JSX.Element;
 export { GridAiAssistantPanelConversationsMenu };

package/components/aiAssistantPanel/GridAiAssistantPanelConversationsMenu.d.ts

@@ -1,2 +1,3 @@
-declare function GridAiAssistantPanelConversationsMenu(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridAiAssistantPanelConversationsMenu(): React.JSX.Element;
 export { GridAiAssistantPanelConversationsMenu };

package/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.d.mts

@@ -2,5 +2,5 @@ import type { PromptSuggestion } from "../../hooks/features/aiAssistant/gridAiAs
 type GridAiAssistantPanelSuggestionsProps = {
   suggestions: PromptSuggestion[];
 };
-declare function GridAiAssistantPanelSuggestions(props: GridAiAssistantPanelSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+declare function GridAiAssistantPanelSuggestions(props: GridAiAssistantPanelSuggestionsProps): import("react").JSX.Element;
 export { GridAiAssistantPanelSuggestions };

package/components/aiAssistantPanel/GridAiAssistantPanelSuggestions.d.ts

@@ -2,5 +2,5 @@ import type { PromptSuggestion } from "../../hooks/features/aiAssistant/gridAiAs
 type GridAiAssistantPanelSuggestionsProps = {
   suggestions: PromptSuggestion[];
 };
-declare function GridAiAssistantPanelSuggestions(props: GridAiAssistantPanelSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+declare function GridAiAssistantPanelSuggestions(props: GridAiAssistantPanelSuggestionsProps): import("react").JSX.Element;
 export { GridAiAssistantPanelSuggestions };

package/components/chartsPanel/GridChartsPanel.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridChartsConfigurationOptions } from '@mui/x-internals/types';
 export interface GridChartsPanelProps {
   /**
@@ -13,7 +14,7 @@ export interface GridChartsPanelProps {
    */
   getColumnName?: (field: string) => string | undefined;
 }
-declare function GridChartsPanel(props: GridChartsPanelProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanel(props: GridChartsPanelProps): React.JSX.Element;
 declare namespace GridChartsPanel {
   var propTypes: any;
 }

package/components/chartsPanel/GridChartsPanel.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridChartsConfigurationOptions } from '@mui/x-internals/types';
 export interface GridChartsPanelProps {
   /**
@@ -13,7 +14,7 @@ export interface GridChartsPanelProps {
    */
   getColumnName?: (field: string) => string | undefined;
 }
-declare function GridChartsPanel(props: GridChartsPanelProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanel(props: GridChartsPanelProps): React.JSX.Element;
 declare namespace GridChartsPanel {
   var propTypes: any;
 }

package/components/chartsPanel/chart/GridChartsPanelChart.d.mts

@@ -4,7 +4,7 @@ export interface GridChartsPanelChartProps {
   selectedChartType: string;
   onChartTypeChange: (type: string) => void;
 }
-declare function GridChartsPanelChart(props: GridChartsPanelChartProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelChart(props: GridChartsPanelChartProps): import("react").JSX.Element;
 declare namespace GridChartsPanelChart {
   var propTypes: any;
 }

package/components/chartsPanel/chart/GridChartsPanelChart.d.ts

@@ -4,7 +4,7 @@ export interface GridChartsPanelChartProps {
   selectedChartType: string;
   onChartTypeChange: (type: string) => void;
 }
-declare function GridChartsPanelChart(props: GridChartsPanelChartProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelChart(props: GridChartsPanelChartProps): import("react").JSX.Element;
 declare namespace GridChartsPanelChart {
   var propTypes: any;
 }

package/components/chartsPanel/customize/GridChartsPanelCustomize.d.mts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { GridChartsConfigurationSection } from '@mui/x-internals/types';
 interface GridChartsPanelCustomizeProps {
   activeChartId: string;
   sections: GridChartsConfigurationSection[];
 }
-export declare function GridChartsPanelCustomize(props: GridChartsPanelCustomizeProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridChartsPanelCustomize(props: GridChartsPanelCustomizeProps): React.JSX.Element;
 export {};

package/components/chartsPanel/customize/GridChartsPanelCustomize.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { GridChartsConfigurationSection } from '@mui/x-internals/types';
 interface GridChartsPanelCustomizeProps {
   activeChartId: string;
   sections: GridChartsConfigurationSection[];
 }
-export declare function GridChartsPanelCustomize(props: GridChartsPanelCustomizeProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridChartsPanelCustomize(props: GridChartsPanelCustomizeProps): React.JSX.Element;
 export {};

package/components/chartsPanel/data/GridChartsPanelData.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export type SectionLimitLookup = Map<'dimensions' | 'values', number>;
-declare function GridChartsPanelData(): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelData(): React.JSX.Element;
 export { GridChartsPanelData };

package/components/chartsPanel/data/GridChartsPanelData.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export type SectionLimitLookup = Map<'dimensions' | 'values', number>;
-declare function GridChartsPanelData(): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelData(): React.JSX.Element;
 export { GridChartsPanelData };

package/components/chartsPanel/data/GridChartsPanelDataBody.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridChartsIntegrationSection } from "../../../hooks/features/chartsIntegration/gridChartsIntegrationInterfaces.mjs";
 export interface FieldTransferObject {
   field: string;
@@ -7,5 +8,5 @@ export type DropPosition = 'top' | 'bottom' | null;
 interface GridChartsPanelDataBodyProps {
   searchValue: string;
 }
-declare function GridChartsPanelDataBody(props: GridChartsPanelDataBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataBody(props: GridChartsPanelDataBodyProps): React.JSX.Element;
 export { GridChartsPanelDataBody };

package/components/chartsPanel/data/GridChartsPanelDataBody.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridChartsIntegrationSection } from "../../../hooks/features/chartsIntegration/gridChartsIntegrationInterfaces.js";
 export interface FieldTransferObject {
   field: string;
@@ -7,5 +8,5 @@ export type DropPosition = 'top' | 'bottom' | null;
 interface GridChartsPanelDataBodyProps {
   searchValue: string;
 }
-declare function GridChartsPanelDataBody(props: GridChartsPanelDataBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataBody(props: GridChartsPanelDataBodyProps): React.JSX.Element;
 export { GridChartsPanelDataBody };

package/components/chartsPanel/data/GridChartsPanelDataField.d.mts

@@ -20,6 +20,6 @@ export declare function AggregationSelect({
 }: {
   aggFunc: string;
   field: FieldTransferObject['field'];
-}): import("react/jsx-runtime").JSX.Element | null;
-declare function GridChartsPanelDataField(props: GridChartsPanelDataFieldProps): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element | null;
+declare function GridChartsPanelDataField(props: GridChartsPanelDataFieldProps): React.JSX.Element;
 export { GridChartsPanelDataField };

package/components/chartsPanel/data/GridChartsPanelDataField.d.ts

@@ -20,6 +20,6 @@ export declare function AggregationSelect({
 }: {
   aggFunc: string;
   field: FieldTransferObject['field'];
-}): import("react/jsx-runtime").JSX.Element | null;
-declare function GridChartsPanelDataField(props: GridChartsPanelDataFieldProps): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element | null;
+declare function GridChartsPanelDataField(props: GridChartsPanelDataFieldProps): React.JSX.Element;
 export { GridChartsPanelDataField };

package/components/chartsPanel/data/GridChartsPanelDataFieldMenu.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { FieldTransferObject } from "./GridChartsPanelDataBody.mjs";
 interface GridChartsPanelDataFieldMenuProps {
   field: string;
@@ -6,5 +7,5 @@ interface GridChartsPanelDataFieldMenuProps {
   dimensionsLabel: string;
   valuesLabel: string;
 }
-declare function GridChartsPanelDataFieldMenu(props: GridChartsPanelDataFieldMenuProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GridChartsPanelDataFieldMenu(props: GridChartsPanelDataFieldMenuProps): React.JSX.Element | null;
 export { GridChartsPanelDataFieldMenu };

package/components/chartsPanel/data/GridChartsPanelDataFieldMenu.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { FieldTransferObject } from "./GridChartsPanelDataBody.js";
 interface GridChartsPanelDataFieldMenuProps {
   field: string;
@@ -6,5 +7,5 @@ interface GridChartsPanelDataFieldMenuProps {
   dimensionsLabel: string;
   valuesLabel: string;
 }
-declare function GridChartsPanelDataFieldMenu(props: GridChartsPanelDataFieldMenuProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GridChartsPanelDataFieldMenu(props: GridChartsPanelDataFieldMenuProps): React.JSX.Element | null;
 export { GridChartsPanelDataFieldMenu };

package/components/chartsPanel/data/GridChartsPanelDataHeader.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 export interface GridChartsPanelDataHeaderProps {
   searchValue: string;
   onSearchValueChange: (value: string) => void;
 }
-declare function GridChartsPanelDataHeader(props: GridChartsPanelDataHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataHeader(props: GridChartsPanelDataHeaderProps): React.JSX.Element;
 export { GridChartsPanelDataHeader };

package/components/chartsPanel/data/GridChartsPanelDataHeader.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 export interface GridChartsPanelDataHeaderProps {
   searchValue: string;
   onSearchValueChange: (value: string) => void;
 }
-declare function GridChartsPanelDataHeader(props: GridChartsPanelDataHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataHeader(props: GridChartsPanelDataHeaderProps): React.JSX.Element;
 export { GridChartsPanelDataHeader };

package/components/chartsPanel/data/GridChartsPanelDataSearch.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridSlotProps } from '@mui/x-data-grid-pro';
 export type GridChartsPanelDataSearchProps = Pick<GridSlotProps['baseTextField'], 'value' | 'onChange'> & {
   onClear: () => void;
 };
-declare function GridChartsPanelDataSearch(props: GridChartsPanelDataSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataSearch(props: GridChartsPanelDataSearchProps): React.JSX.Element;
 export { GridChartsPanelDataSearch };

package/components/chartsPanel/data/GridChartsPanelDataSearch.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridSlotProps } from '@mui/x-data-grid-pro';
 export type GridChartsPanelDataSearchProps = Pick<GridSlotProps['baseTextField'], 'value' | 'onChange'> & {
   onClear: () => void;
 };
-declare function GridChartsPanelDataSearch(props: GridChartsPanelDataSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function GridChartsPanelDataSearch(props: GridChartsPanelDataSearchProps): React.JSX.Element;
 export { GridChartsPanelDataSearch };

package/components/collapsible/Collapsible.d.mts

@@ -2,5 +2,5 @@ import * as React from 'react';
 type CollapsibleProps = React.HTMLAttributes<HTMLDivElement> & {
   initiallyOpen?: boolean;
 };
-declare function Collapsible(props: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible(props: CollapsibleProps): React.JSX.Element;
 export { Collapsible };

package/components/collapsible/Collapsible.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 type CollapsibleProps = React.HTMLAttributes<HTMLDivElement> & {
   initiallyOpen?: boolean;
 };
-declare function Collapsible(props: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+declare function Collapsible(props: CollapsibleProps): React.JSX.Element;
 export { Collapsible };

package/components/collapsible/CollapsiblePanel.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type CollapsiblePanelProps = React.HTMLAttributes<HTMLDivElement>;
-declare function CollapsiblePanel(props: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element | null;
+declare function CollapsiblePanel(props: CollapsiblePanelProps): React.JSX.Element | null;
 export { CollapsiblePanel };

package/components/collapsible/CollapsiblePanel.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type CollapsiblePanelProps = React.HTMLAttributes<HTMLDivElement>;
-declare function CollapsiblePanel(props: CollapsiblePanelProps): import("react/jsx-runtime").JSX.Element | null;
+declare function CollapsiblePanel(props: CollapsiblePanelProps): React.JSX.Element | null;
 export { CollapsiblePanel };

package/components/collapsible/CollapsibleTrigger.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type CollapsibleTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
-declare function CollapsibleTrigger(props: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger(props: CollapsibleTriggerProps): React.JSX.Element;
 export { CollapsibleTrigger };

package/components/collapsible/CollapsibleTrigger.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type CollapsibleTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
-declare function CollapsibleTrigger(props: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger(props: CollapsibleTriggerProps): React.JSX.Element;
 export { CollapsibleTrigger };

package/components/columnMenu/menuItems/GridColumnMenuAggregationItem.d.mts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps): React.JSX.Element;
 declare namespace GridColumnMenuAggregationItem {
   var propTypes: any;
 }

package/components/columnMenu/menuItems/GridColumnMenuAggregationItem.d.ts

@@ -1,5 +1,6 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps): React.JSX.Element;
 declare namespace GridColumnMenuAggregationItem {
   var propTypes: any;
 }

package/components/columnMenu/menuItems/GridColumnMenuChartsItem.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuChartsItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuChartsItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuChartsItem.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuChartsItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuChartsItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuManagePanelItem.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuManagePanelItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridColumnMenuManagePanelItem(props: GridColumnMenuItemProps): React.JSX.Element;
 export { GridColumnMenuManagePanelItem };

package/components/columnMenu/menuItems/GridColumnMenuManagePanelItem.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-declare function GridColumnMenuManagePanelItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function GridColumnMenuManagePanelItem(props: GridColumnMenuItemProps): React.JSX.Element;
 export { GridColumnMenuManagePanelItem };

package/components/columnMenu/menuItems/GridColumnMenuPivotItem.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuPivotItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuPivotItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuPivotItem.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuPivotItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuPivotItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuRowGroupItem.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuRowGroupItem.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuRowGroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuRowUngroupItem.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/columnMenu/menuItems/GridColumnMenuRowUngroupItem.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GridColumnMenuRowUngroupItem(props: GridColumnMenuItemProps): React.JSX.Element | null;

package/components/pivotPanel/GridPivotPanel.d.mts

@@ -1,2 +1,3 @@
-declare function GridPivotPanel(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridPivotPanel(): React.JSX.Element;
 export { GridPivotPanel };

package/components/pivotPanel/GridPivotPanel.d.ts

@@ -1,2 +1,3 @@
-declare function GridPivotPanel(): import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+declare function GridPivotPanel(): React.JSX.Element;
 export { GridPivotPanel };

package/components/pivotPanel/GridPivotPanelBody.d.mts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface FieldTransferObject {
   field: string;
   modelKey: 'columns' | 'rows' | 'values' | null;
@@ -6,5 +7,5 @@ declare function GridPivotPanelBody({
   searchValue
 }: {
   searchValue: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { GridPivotPanelBody };

package/components/pivotPanel/GridPivotPanelBody.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface FieldTransferObject {
   field: string;
   modelKey: 'columns' | 'rows' | 'values' | null;
@@ -6,5 +7,5 @@ declare function GridPivotPanelBody({
   searchValue
 }: {
   searchValue: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { GridPivotPanelBody };

package/components/pivotPanel/GridPivotPanelField.d.mts

@@ -18,5 +18,5 @@ type GridPivotPanelFieldProps = {
 } | {
   modelKey: null;
 });
-declare function GridPivotPanelField(props: GridPivotPanelFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelField(props: GridPivotPanelFieldProps): React.JSX.Element;
 export { GridPivotPanelField };

package/components/pivotPanel/GridPivotPanelField.d.ts

@@ -18,5 +18,5 @@ type GridPivotPanelFieldProps = {
 } | {
   modelKey: null;
 });
-declare function GridPivotPanelField(props: GridPivotPanelFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelField(props: GridPivotPanelFieldProps): React.JSX.Element;
 export { GridPivotPanelField };

package/components/pivotPanel/GridPivotPanelFieldMenu.d.mts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { FieldTransferObject } from "./GridPivotPanelBody.mjs";
 interface GridPivotPanelFieldMenuProps {
   field: string;
   modelKey: FieldTransferObject['modelKey'];
 }
-declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): React.JSX.Element;
 export { GridPivotPanelFieldMenu };

package/components/pivotPanel/GridPivotPanelFieldMenu.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { FieldTransferObject } from "./GridPivotPanelBody.js";
 interface GridPivotPanelFieldMenuProps {
   field: string;
   modelKey: FieldTransferObject['modelKey'];
 }
-declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelFieldMenu(props: GridPivotPanelFieldMenuProps): React.JSX.Element;
 export { GridPivotPanelFieldMenu };

package/components/pivotPanel/GridPivotPanelHeader.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 export interface GridPivotPanelHeaderProps {
   searchValue: string;
   onSearchValueChange: (value: string) => void;
 }
-declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): React.JSX.Element;
 export { GridPivotPanelHeader };

package/components/pivotPanel/GridPivotPanelHeader.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 export interface GridPivotPanelHeaderProps {
   searchValue: string;
   onSearchValueChange: (value: string) => void;
 }
-declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelHeader(props: GridPivotPanelHeaderProps): React.JSX.Element;
 export { GridPivotPanelHeader };

package/components/pivotPanel/GridPivotPanelSearch.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridSlotProps } from '@mui/x-data-grid-pro';
 export type GridPivotPanelSearchProps = Pick<GridSlotProps['baseTextField'], 'value' | 'onChange'> & {
   onClear: () => void;
 };
-declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): React.JSX.Element;
 export { GridPivotPanelSearch };

package/components/pivotPanel/GridPivotPanelSearch.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { GridSlotProps } from '@mui/x-data-grid-pro';
 export type GridPivotPanelSearchProps = Pick<GridSlotProps['baseTextField'], 'value' | 'onChange'> & {
   onClear: () => void;
 };
-declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPivotPanelSearch(props: GridPivotPanelSearchProps): React.JSX.Element;
 export { GridPivotPanelSearch };

package/components/prompt/GridPrompt.d.mts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { Prompt } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.mjs";
 type GridPromptProps = Prompt & {
   onRerun: () => void;
 };
-declare function GridPrompt(props: GridPromptProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPrompt(props: GridPromptProps): React.JSX.Element;
 export { GridPrompt };

package/components/prompt/GridPrompt.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { Prompt } from "../../hooks/features/aiAssistant/gridAiAssistantInterfaces.js";
 type GridPromptProps = Prompt & {
   onRerun: () => void;
 };
-declare function GridPrompt(props: GridPromptProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPrompt(props: GridPromptProps): React.JSX.Element;
 export { GridPrompt };

package/components/promptField/GridPromptField.d.mts

@@ -1,3 +1,3 @@
 import type { PromptFieldProps } from "./PromptField.mjs";
-declare function GridPromptField(props: PromptFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPromptField(props: PromptFieldProps): import("react").JSX.Element;
 export { GridPromptField };

package/components/promptField/GridPromptField.d.ts

@@ -1,3 +1,3 @@
 import type { PromptFieldProps } from "./PromptField.js";
-declare function GridPromptField(props: PromptFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function GridPromptField(props: PromptFieldProps): import("react").JSX.Element;
 export { GridPromptField };

package/components/resizablePanel/ResizablePanel.d.mts

@@ -6,5 +6,5 @@ export type ResizablePanelProps = React.HTMLAttributes<HTMLDivElement> & {
    */
   direction?: 'horizontal' | 'vertical';
 };
-declare function ResizablePanel(props: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel(props: ResizablePanelProps): React.JSX.Element;
 export { ResizablePanel };

package/components/resizablePanel/ResizablePanel.d.ts

@@ -6,5 +6,5 @@ export type ResizablePanelProps = React.HTMLAttributes<HTMLDivElement> & {
    */
   direction?: 'horizontal' | 'vertical';
 };
-declare function ResizablePanel(props: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel(props: ResizablePanelProps): React.JSX.Element;
 export { ResizablePanel };

package/components/resizablePanel/ResizablePanelHandle.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type ResizablePanelHandleProps = React.HTMLAttributes<HTMLDivElement>;
-declare function ResizablePanelHandle(props: ResizablePanelHandleProps): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanelHandle(props: ResizablePanelHandleProps): React.JSX.Element;
 export { ResizablePanelHandle };

package/components/resizablePanel/ResizablePanelHandle.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type ResizablePanelHandleProps = React.HTMLAttributes<HTMLDivElement>;
-declare function ResizablePanelHandle(props: ResizablePanelHandleProps): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanelHandle(props: ResizablePanelHandleProps): React.JSX.Element;
 export { ResizablePanelHandle };

package/components/sidebar/Sidebar.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Sidebar(props: SidebarProps): React.JSX.Element | null;
 export { Sidebar };

package/components/sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Sidebar(props: SidebarProps): React.JSX.Element | null;
 export { Sidebar };

package/components/sidebar/SidebarHeader.d.mts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare function SidebarHeader(props: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader(props: SidebarHeaderProps): React.JSX.Element;
 export { SidebarHeader };

package/components/sidebar/SidebarHeader.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare function SidebarHeader(props: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarHeader(props: SidebarHeaderProps): React.JSX.Element;
 export { SidebarHeader };

package/context/GridChartsIntegrationContextProvider.d.mts

@@ -4,4 +4,4 @@ export interface GridChartsIntegrationContextProviderProps {
 }
 export declare function GridChartsIntegrationContextProvider({
   children
-}: GridChartsIntegrationContextProviderProps): import("react/jsx-runtime").JSX.Element;
+}: GridChartsIntegrationContextProviderProps): React.JSX.Element;

package/context/GridChartsIntegrationContextProvider.d.ts

@@ -4,4 +4,4 @@ export interface GridChartsIntegrationContextProviderProps {
 }
 export declare function GridChartsIntegrationContextProvider({
   children
-}: GridChartsIntegrationContextProviderProps): import("react/jsx-runtime").JSX.Element;
+}: GridChartsIntegrationContextProviderProps): React.JSX.Element;

package/context/GridChartsRendererProxy.d.mts

@@ -27,7 +27,7 @@ export interface GridChartsRendererProxyProps {
    */
   onRender?: GridChartsRendererProxyRendererCallback;
 }
-declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): React.JSX.Element | null;
 declare namespace GridChartsRendererProxy {
   var propTypes: any;
 }

package/context/GridChartsRendererProxy.d.ts

@@ -27,7 +27,7 @@ export interface GridChartsRendererProxyProps {
    */
   onRender?: GridChartsRendererProxyRendererCallback;
 }
-declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): import("react/jsx-runtime").JSX.Element | null;
+declare function GridChartsRendererProxy(props: GridChartsRendererProxyProps): React.JSX.Element | null;
 declare namespace GridChartsRendererProxy {
   var propTypes: any;
 }

package/hooks/features/dataSource/useGridDataSourcePremium.js

@@ -128,7 +128,10 @@ See [server-side pivoting](https://mui.com/x/react-data-grid/server-side-data/pi
   const handleRowGroupingModelChange = React.useCallback(() => {
     // Clear the rows on every grouping model change to match the pre-fix behavior on
     // non-standard strategies (e.g. lazy loading) where `setRows([])` is required to
-    // reset the existing grouping state.
+    // reset the existing grouping state. `dataSourceKeepPreviousData` is intentionally
+    // not honored here: changing the grouping model implies the `GroupedData` strategy
+    // is (about to be) active, and skipping the synchronous clear would render rows in
+    // stale sort order (https://github.com/mui/mui-x/pull/21619).
     apiRef.current.setRows([]);
     // The event listener is wired regardless of the active strategy
     // (see `runIf(!pivotActive && !!props.dataSource, ...)` below), so we have to gate the

package/hooks/features/dataSource/useGridDataSourcePremium.mjs

@@ -121,7 +121,10 @@ See [server-side pivoting](https://mui.com/x/react-data-grid/server-side-data/pi
   const handleRowGroupingModelChange = React.useCallback(() => {
     // Clear the rows on every grouping model change to match the pre-fix behavior on
     // non-standard strategies (e.g. lazy loading) where `setRows([])` is required to
-    // reset the existing grouping state.
+    // reset the existing grouping state. `dataSourceKeepPreviousData` is intentionally
+    // not honored here: changing the grouping model implies the `GroupedData` strategy
+    // is (about to be) active, and skipping the synchronous clear would render rows in
+    // stale sort order (https://github.com/mui/mui-x/pull/21619).
     apiRef.current.setRows([]);
     // The event listener is wired regardless of the active strategy
     // (see `runIf(!pivotActive && !!props.dataSource, ...)` below), so we have to gate the

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.8.0
+ * @mui/x-data-grid-premium v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v9.8.0
+ * @mui/x-data-grid-premium v9.9.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "9.8.0",
+  "version": "9.9.0",
   "author": "MUI Team",
   "description": "The Premium plan edition of the MUI X Data Grid Components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,14 +35,14 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "@base-ui/utils": "^0.3.0",
-    "@mui/utils": "^9.1.1",
+    "@mui/utils": "^9.2.0",
     "@mui/x-internal-exceljs-fork": "5.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid-pro": "^9.8.0",
-    "@mui/x-license": "^9.8.0",
-    "@mui/x-data-grid": "^9.8.0",
-    "@mui/x-internals": "^9.8.0"
+    "@mui/x-data-grid": "^9.9.0",
+    "@mui/x-data-grid-pro": "^9.9.0",
+    "@mui/x-license": "^9.9.0",
+    "@mui/x-internals": "^9.9.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",