@mui/x-data-grid 9.10.0 → 9.10.1

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # Changelog
 
+## 9.10.1
+
+_Jul 23, 2026_
+
+We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🦮 Improve accessibility of the Charts and Pickers components.
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@kevincorizi-sbt, @mustafajw07, @SamanPandey-in
+
+The following team members contributed to this release:
+@brijeshb42, @hasdfa, @JCQuintas, @LukasTy, @michelengelen, @noraleonte, @rita-codes, @silviuaavram
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.10.1`
+
+- [data grid] Fix `getColumn` return type not reflecting that it can return undefined (#23165) @JCQuintas
+
+#### `@mui/x-data-grid-pro@9.10.1` [![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.10.1`.
+
+#### `@mui/x-data-grid-premium@9.10.1` [![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.10.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.10.1`
+
+- [pickers] Fix format placeholder brightness with a start adornment (#23189) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.10.1` [![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.10.1`, plus:
+
+- [DateRangePicker] Fix broken active range position underline in single input range fields (#23166) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.10.1`
+
+- [charts] Fix pie chart disappearing when an arc spans almost the full circle (#23145) @JCQuintas
+- [charts] Set `aria-hidden` on accessibility proxy divs at initialization (#23186) @kevincorizi-sbt
+- [charts] Fix keyboard navigation on series with different lengths (#23182) @JCQuintas
+- [charts] Fix out of bounds keyboard navigation (#23180) @silviuaavram
+
+#### `@mui/x-charts-pro@9.10.1` [![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.10.1`, plus:
+
+- [charts-pro] Fix highlight shifting on sampled bar charts (#23190) @noraleonte
+- [charts-pro] Sampled band highlight falls back to single-band width for Date/object values (#23024) @SamanPandey-in
+
+#### `@mui/x-charts-premium@9.10.1` [![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.10.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.10.1`
+
+- [TreeView] Fix selection propagation to exclude disabled items (#23012) @michelengelen
+
+#### `@mui/x-tree-view-pro@9.10.1` [![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.10.1`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.7`
+
+- [scheduler] Polish `EventCalendar` rendering for multi-resource events (#23161) @mustafajw07
+- [scheduler] Responsive header (#22954) @noraleonte
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.7` [![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.7`, plus:
+
+- [scheduler-premium] Add the dependencies data model (#23117) @rita-codes
+- [scheduler-premium] Dependencies - Render the FS arrow (#23162) @rita-codes
+
+### Codemod
+
+#### `@mui/x-codemod@9.10.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix clearing, layout shift, and prop leak in Pickers demos (#23191) @LukasTy
+
+### Core
+
+- [code-infra] Validate working of specific code-infra canary (#23207) @brijeshb42
+
+### Miscellaneous
+
+- [chat] Normalize message part link URLs (#23187) @hasdfa
+- [x-chat] Fix object URL leaks for submitted attachments (#23198) @hasdfa
+- [internals] Make disposable types self-contained without `esnext.disposable` lib (#23164) @JCQuintas
+
 ## 9.10.0
 
 _Jul 17, 2026_

package/components/cell/GridEditInputCell.js

@@ -64,7 +64,7 @@ const GridEditInputCell = exports.GridEditInputCell = (0, _forwardRef.forwardRef
     const newValue = event.target.value;
     const column = apiRef.current.getColumn(field);
     let parsedValue = newValue;
-    if (column.valueParser) {
+    if (column?.valueParser) {
       parsedValue = column.valueParser(newValue, apiRef.current.getRow(id), column, apiRef);
     }
     setValueState(parsedValue);

package/components/cell/GridEditInputCell.mjs

@@ -57,7 +57,7 @@ const GridEditInputCell = forwardRef((props, ref) => {
     const newValue = event.target.value;
     const column = apiRef.current.getColumn(field);
     let parsedValue = newValue;
-    if (column.valueParser) {
+    if (column?.valueParser) {
       parsedValue = column.valueParser(newValue, apiRef.current.getRow(id), column, apiRef);
     }
     setValueState(parsedValue);

package/components/cell/GridEditLongTextCell.js

@@ -274,7 +274,7 @@ function GridEditLongTextarea(props) {
     const newValue = event.target.value;
     const column = apiRef.current.getColumn(field);
     let parsedValue = newValue;
-    if (column.valueParser) {
+    if (column?.valueParser) {
       parsedValue = column.valueParser(newValue, apiRef.current.getRow(id), column, apiRef);
     }
     setValueState(parsedValue);

package/components/cell/GridEditLongTextCell.mjs

@@ -266,7 +266,7 @@ function GridEditLongTextarea(props) {
     const newValue = event.target.value;
     const column = apiRef.current.getColumn(field);
     let parsedValue = newValue;
-    if (column.valueParser) {
+    if (column?.valueParser) {
       parsedValue = column.valueParser(newValue, apiRef.current.getRow(id), column, apiRef);
     }
     setValueState(parsedValue);

package/hooks/features/columnResize/useGridColumnResize.js

@@ -450,6 +450,9 @@ const useGridColumnResize = (apiRef, props) => {
     const columnHeaderElement = (0, _domUtils.findParentElementFromClassName)(event.target, _gridClasses.gridClasses.columnHeader);
     const field = (0, _domUtils.getFieldFromHeaderElem)(columnHeaderElement);
     const colDef = apiRef.current.getColumn(field);
+    if (!colDef) {
+      return;
+    }
     logger.debug(`Start Resize on col ${colDef.field}`);
     apiRef.current.publishEvent('columnResizeStart', {
       field

package/hooks/features/columnResize/useGridColumnResize.mjs

@@ -442,6 +442,9 @@ export const useGridColumnResize = (apiRef, props) => {
     const columnHeaderElement = findParentElementFromClassName(event.target, gridClasses.columnHeader);
     const field = getFieldFromHeaderElem(columnHeaderElement);
     const colDef = apiRef.current.getColumn(field);
+    if (!colDef) {
+      return;
+    }
     logger.debug(`Start Resize on col ${colDef.field}`);
     apiRef.current.publishEvent('columnResizeStart', {
       field

package/hooks/features/columns/useGridColumns.js

@@ -137,6 +137,10 @@ function useGridColumns(apiRef, props) {
     return allColumns.findIndex(col => col === field);
   }, [apiRef]);
   const setColumnIndex = React.useCallback((field, targetIndexPosition) => {
+    const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const allColumns = (0, _gridColumnsSelector.gridColumnFieldsSelector)(apiRef);
     const oldIndexPosition = getColumnIndexRelativeToVisibleColumns(field);
     if (oldIndexPosition === targetIndexPosition) {
@@ -150,7 +154,7 @@ function useGridColumns(apiRef, props) {
       orderedFields: updatedColumns
     }));
     const params = {
-      column: apiRef.current.getColumn(field),
+      column,
       targetIndex: apiRef.current.getColumnIndexRelativeToVisibleColumns(field),
       oldIndex: oldIndexPosition
     };

package/hooks/features/columns/useGridColumns.mjs

@@ -128,6 +128,10 @@ export function useGridColumns(apiRef, props) {
     return allColumns.findIndex(col => col === field);
   }, [apiRef]);
   const setColumnIndex = React.useCallback((field, targetIndexPosition) => {
+    const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const allColumns = gridColumnFieldsSelector(apiRef);
     const oldIndexPosition = getColumnIndexRelativeToVisibleColumns(field);
     if (oldIndexPosition === targetIndexPosition) {
@@ -141,7 +145,7 @@ export function useGridColumns(apiRef, props) {
       orderedFields: updatedColumns
     }));
     const params = {
-      column: apiRef.current.getColumn(field),
+      column,
       targetIndex: apiRef.current.getColumnIndexRelativeToVisibleColumns(field),
       oldIndex: oldIndexPosition
     };

package/hooks/features/editing/useGridCellEditing.js

@@ -260,14 +260,17 @@ const useGridCellEditing = (apiRef, props) => {
       deleteValue,
       initialValue
     } = params;
+    const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const value = apiRef.current.getCellValue(id, field);
     let newValue = value;
     if (deleteValue) {
-      newValue = (0, _utils2.getDefaultCellValue)(apiRef.current.getColumn(field));
+      newValue = (0, _utils2.getDefaultCellValue)(column);
     } else if (initialValue) {
       newValue = initialValue;
     }
-    const column = apiRef.current.getColumn(field);
     const shouldProcessEditCellProps = !!column.preProcessEditCellProps && deleteValue;
     let newProps = {
       value: newValue,
@@ -410,6 +413,9 @@ const useGridCellEditing = (apiRef, props) => {
     throwIfNotEditable(id, field);
     throwIfNotInMode(id, field, _gridEditRowModel.GridCellModes.Edit);
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return false;
+    }
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
     if (column.valueParser && !skipValueParser) {
@@ -461,7 +467,7 @@ const useGridCellEditing = (apiRef, props) => {
     const {
       value
     } = editingState[id][field];
-    return column.valueSetter ? column.valueSetter(value, row, column, apiRef) : (0, _extends2.default)({}, row, {
+    return column?.valueSetter ? column.valueSetter(value, row, column, apiRef) : (0, _extends2.default)({}, row, {
       [field]: value
     });
   }, [apiRef]);

package/hooks/features/editing/useGridCellEditing.mjs

@@ -253,14 +253,17 @@ export const useGridCellEditing = (apiRef, props) => {
       deleteValue,
       initialValue
     } = params;
+    const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const value = apiRef.current.getCellValue(id, field);
     let newValue = value;
     if (deleteValue) {
-      newValue = getDefaultCellValue(apiRef.current.getColumn(field));
+      newValue = getDefaultCellValue(column);
     } else if (initialValue) {
       newValue = initialValue;
     }
-    const column = apiRef.current.getColumn(field);
     const shouldProcessEditCellProps = !!column.preProcessEditCellProps && deleteValue;
     let newProps = {
       value: newValue,
@@ -403,6 +406,9 @@ export const useGridCellEditing = (apiRef, props) => {
     throwIfNotEditable(id, field);
     throwIfNotInMode(id, field, GridCellModes.Edit);
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return false;
+    }
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
     if (column.valueParser && !skipValueParser) {
@@ -454,7 +460,7 @@ export const useGridCellEditing = (apiRef, props) => {
     const {
       value
     } = editingState[id][field];
-    return column.valueSetter ? column.valueSetter(value, row, column, apiRef) : _extends({}, row, {
+    return column?.valueSetter ? column.valueSetter(value, row, column, apiRef) : _extends({}, row, {
       [field]: value
     });
   }, [apiRef]);

package/hooks/features/editing/useGridRowEditing.js

@@ -135,7 +135,7 @@ const useGridRowEditing = (apiRef, props) => {
       } else if (event.key === 'Tab') {
         const columnFields = (0, _gridColumnsSelector.gridVisibleColumnFieldsSelector)(apiRef).filter(field => {
           const column = apiRef.current.getColumn(field);
-          if (column.type === _colDef.GRID_ACTIONS_COLUMN_TYPE) {
+          if (column?.type === _colDef.GRID_ACTIONS_COLUMN_TYPE) {
             return true;
           }
           return apiRef.current.isCellEditable(apiRef.current.getCellParams(params.id, field));
@@ -340,11 +340,10 @@ const useGridRowEditing = (apiRef, props) => {
       if (!cellParams.isEditable) {
         return acc;
       }
-      const column = apiRef.current.getColumn(field);
       let newValue = apiRef.current.getCellValue(id, field);
       if (fieldToFocus === field && (deleteValue || initialValue)) {
         if (deleteValue) {
-          newValue = (0, _utils2.getDefaultCellValue)(column);
+          newValue = (0, _utils2.getDefaultCellValue)(col);
         } else if (initialValue) {
           newValue = initialValue;
         }
@@ -352,7 +351,7 @@ const useGridRowEditing = (apiRef, props) => {
       acc[field] = {
         value: newValue,
         error: false,
-        isProcessingProps: column.editable && !!column.preProcessEditCellProps && deleteValue
+        isProcessingProps: col.editable && !!col.preProcessEditCellProps && deleteValue
       };
       return acc;
     }, {});
@@ -503,6 +502,9 @@ const useGridRowEditing = (apiRef, props) => {
     } = params;
     throwIfNotEditable(id, field);
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return Promise.resolve(false);
+    }
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
     if (column.valueParser && !skipValueParser) {
@@ -556,7 +558,7 @@ const useGridRowEditing = (apiRef, props) => {
           return;
         }
         const fieldColumn = apiRef.current.getColumn(thisField);
-        if (!fieldColumn.preProcessEditCellProps) {
+        if (!fieldColumn?.preProcessEditCellProps) {
           return;
         }
         fieldProps = (0, _extends2.default)({}, fieldProps, {

package/hooks/features/editing/useGridRowEditing.mjs

@@ -128,7 +128,7 @@ export const useGridRowEditing = (apiRef, props) => {
       } else if (event.key === 'Tab') {
         const columnFields = gridVisibleColumnFieldsSelector(apiRef).filter(field => {
           const column = apiRef.current.getColumn(field);
-          if (column.type === GRID_ACTIONS_COLUMN_TYPE) {
+          if (column?.type === GRID_ACTIONS_COLUMN_TYPE) {
             return true;
           }
           return apiRef.current.isCellEditable(apiRef.current.getCellParams(params.id, field));
@@ -333,11 +333,10 @@ export const useGridRowEditing = (apiRef, props) => {
       if (!cellParams.isEditable) {
         return acc;
       }
-      const column = apiRef.current.getColumn(field);
       let newValue = apiRef.current.getCellValue(id, field);
       if (fieldToFocus === field && (deleteValue || initialValue)) {
         if (deleteValue) {
-          newValue = getDefaultCellValue(column);
+          newValue = getDefaultCellValue(col);
         } else if (initialValue) {
           newValue = initialValue;
         }
@@ -345,7 +344,7 @@ export const useGridRowEditing = (apiRef, props) => {
       acc[field] = {
         value: newValue,
         error: false,
-        isProcessingProps: column.editable && !!column.preProcessEditCellProps && deleteValue
+        isProcessingProps: col.editable && !!col.preProcessEditCellProps && deleteValue
       };
       return acc;
     }, {});
@@ -496,6 +495,9 @@ export const useGridRowEditing = (apiRef, props) => {
     } = params;
     throwIfNotEditable(id, field);
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return Promise.resolve(false);
+    }
     const row = apiRef.current.getRow(id);
     let parsedValue = value;
     if (column.valueParser && !skipValueParser) {
@@ -549,7 +551,7 @@ export const useGridRowEditing = (apiRef, props) => {
           return;
         }
         const fieldColumn = apiRef.current.getColumn(thisField);
-        if (!fieldColumn.preProcessEditCellProps) {
+        if (!fieldColumn?.preProcessEditCellProps) {
           return;
         }
         fieldProps = _extends({}, fieldProps, {

package/hooks/features/filter/useGridFilter.js

@@ -113,7 +113,7 @@ const useGridFilter = (apiRef, props, configuration) => {
           return true;
         }
         const column = apiRef.current.getColumn(item.field);
-        const filterOperator = column.filterOperators?.find(operator => operator.value === item.operator);
+        const filterOperator = column?.filterOperators?.find(operator => operator.value === item.operator);
         const requiresFilterValue = typeof filterOperator?.requiresFilterValue === 'undefined' ? true : filterOperator?.requiresFilterValue;
 
         // Operators like `isEmpty` don't have and don't require `item.value`.

package/hooks/features/filter/useGridFilter.mjs

@@ -104,7 +104,7 @@ export const useGridFilter = (apiRef, props, configuration) => {
           return true;
         }
         const column = apiRef.current.getColumn(item.field);
-        const filterOperator = column.filterOperators?.find(operator => operator.value === item.operator);
+        const filterOperator = column?.filterOperators?.find(operator => operator.value === item.operator);
         const requiresFilterValue = typeof filterOperator?.requiresFilterValue === 'undefined' ? true : filterOperator?.requiresFilterValue;
 
         // Operators like `isEmpty` don't have and don't require `item.value`.

package/hooks/features/rows/useGridParamsApi.d.mts

@@ -1,7 +1,7 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.mjs";
-import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.mjs";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.mjs";
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)

package/hooks/features/rows/useGridParamsApi.d.ts

@@ -1,7 +1,7 @@
 import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)

package/hooks/features/rows/useGridParamsApi.js

@@ -76,6 +76,7 @@ function useGridParamsApi(apiRef, props, configuration) {
     const cellTabIndex = (0, _gridFocusStateSelector.gridTabIndexCellSelector)(apiRef);
     const cellMode = apiRef.current.getCellMode(id, field);
     return apiRef.current.getCellParamsForRow(id, field, row, {
+      // Params keep a non-nullable `colDef`, but it can be `undefined` at runtime for an unknown field.
       colDef: props.listView && props.listViewColumn?.field === field ? (0, _gridListViewSelectors.gridListColumnSelector)(apiRef) : apiRef.current.getColumn(field),
       rowNode,
       hasFocus: cellFocus !== null && cellFocus.field === field && cellFocus.id === id,

package/hooks/features/rows/useGridParamsApi.mjs

@@ -69,6 +69,7 @@ export function useGridParamsApi(apiRef, props, configuration) {
     const cellTabIndex = gridTabIndexCellSelector(apiRef);
     const cellMode = apiRef.current.getCellMode(id, field);
     return apiRef.current.getCellParamsForRow(id, field, row, {
+      // Params keep a non-nullable `colDef`, but it can be `undefined` at runtime for an unknown field.
       colDef: props.listView && props.listViewColumn?.field === field ? gridListColumnSelector(apiRef) : apiRef.current.getColumn(field),
       rowNode,
       hasFocus: cellFocus !== null && cellFocus.field === field && cellFocus.id === id,

package/hooks/features/sorting/useGridSorting.js

@@ -120,6 +120,9 @@ const useGridSorting = (apiRef, props) => {
   }, [apiRef, logger, props.disableMultipleColumnsSorting]);
   const sortColumn = React.useCallback((field, direction, allowMultipleSorting) => {
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const sortItem = createSortItem(column, direction);
     let sortModel;
     if (!allowMultipleSorting || props.disableMultipleColumnsSorting) {

package/hooks/features/sorting/useGridSorting.mjs

@@ -111,6 +111,9 @@ export const useGridSorting = (apiRef, props) => {
   }, [apiRef, logger, props.disableMultipleColumnsSorting]);
   const sortColumn = React.useCallback((field, direction, allowMultipleSorting) => {
     const column = apiRef.current.getColumn(field);
+    if (!column) {
+      return;
+    }
     const sortItem = createSortItem(column, direction);
     let sortModel;
     if (!allowMultipleSorting || props.disableMultipleColumnsSorting) {

package/index.js

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

package/index.mjs

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

package/models/api/gridColumnApi.d.mts

@@ -8,9 +8,9 @@ export interface GridColumnApi {
   /**
    * Returns the [[GridColDef]] for the given `field`.
    * @param {string} field The column field.
-   * @returns {{GridStateColDef}} The [[GridStateColDef]].
+   * @returns {GridStateColDef | undefined} The [[GridStateColDef]], or `undefined` if the field is not in the current column set.
    */
-  getColumn: (field: string) => GridStateColDef;
+  getColumn: (field: string) => GridStateColDef | undefined;
   /**
    * Returns an array of [[GridColDef]] containing all the column definitions.
    * @returns {GridStateColDef[]} An array of [[GridStateColDef]].

package/models/api/gridColumnApi.d.ts

@@ -8,9 +8,9 @@ export interface GridColumnApi {
   /**
    * Returns the [[GridColDef]] for the given `field`.
    * @param {string} field The column field.
-   * @returns {{GridStateColDef}} The [[GridStateColDef]].
+   * @returns {GridStateColDef | undefined} The [[GridStateColDef]], or `undefined` if the field is not in the current column set.
    */
-  getColumn: (field: string) => GridStateColDef;
+  getColumn: (field: string) => GridStateColDef | undefined;
   /**
    * Returns an array of [[GridColDef]] containing all the column definitions.
    * @returns {GridStateColDef[]} An array of [[GridStateColDef]].

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "9.10.0",
+  "version": "9.10.1",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -43,8 +43,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "^9.10.0",
-    "@mui/x-virtualizer": "0.6.1"
+    "@mui/x-internals": "^9.10.1",
+    "@mui/x-virtualizer": "0.6.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",