,
props: Pick<
DataGridPremiumProcessedProps,
| 'aggregationFunctions'
diff --git a/packages/x-data-grid-premium/src/hooks/features/aggregation/wrapColumnWithAggregation.tsx b/packages/x-data-grid-premium/src/hooks/features/aggregation/wrapColumnWithAggregation.tsx
index 18c5bb6bf2936..56ce6a431dd26 100644
--- a/packages/x-data-grid-premium/src/hooks/features/aggregation/wrapColumnWithAggregation.tsx
+++ b/packages/x-data-grid-premium/src/hooks/features/aggregation/wrapColumnWithAggregation.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { GridColDef, GridFilterOperator, GridRowId } from '@mui/x-data-grid-pro';
import { GridBaseColDef } from '@mui/x-data-grid-pro/internals';
import { GridApiPremium } from '../../../models/gridApiPremium';
@@ -31,7 +32,7 @@ interface GridColDefWithAggregationWrappers extends GridBaseColDef {
}
type ColumnPropertyWrapper = (params: {
- apiRef: React.RefObject;
+ apiRef: RefObject;
value: GridBaseColDef[P];
colDef: GridBaseColDef;
aggregationRule: GridAggregationRule;
@@ -188,7 +189,7 @@ export const wrapColumnWithAggregationValue = ({
aggregationRule,
}: {
column: GridBaseColDef;
- apiRef: React.RefObject;
+ apiRef: RefObject;
aggregationRule: GridAggregationRule;
}): GridBaseColDef => {
const getCellAggregationResult = (
diff --git a/packages/x-data-grid-premium/src/hooks/features/cellSelection/useGridCellSelection.ts b/packages/x-data-grid-premium/src/hooks/features/cellSelection/useGridCellSelection.ts
index 46760ef830109..a81e42578523f 100644
--- a/packages/x-data-grid-premium/src/hooks/features/cellSelection/useGridCellSelection.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/cellSelection/useGridCellSelection.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import ownerDocument from '@mui/utils/ownerDocument';
import useEventCallback from '@mui/utils/useEventCallback';
import {
@@ -49,7 +50,7 @@ const AUTO_SCROLL_SENSITIVITY = 50; // The distance from the edge to start scrol
const AUTO_SCROLL_SPEED = 20; // The speed to scroll once the mouse enters the sensitivity area
export const useGridCellSelection = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridPremiumProcessedProps,
| 'cellSelection'
diff --git a/packages/x-data-grid-premium/src/hooks/features/clipboard/useGridClipboardImport.ts b/packages/x-data-grid-premium/src/hooks/features/clipboard/useGridClipboardImport.ts
index 013e9f8f46827..8e37f8a258d86 100644
--- a/packages/x-data-grid-premium/src/hooks/features/clipboard/useGridClipboardImport.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/clipboard/useGridClipboardImport.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridColDef,
GridRowId,
@@ -89,7 +90,7 @@ class CellValueUpdater {
updateRow: (row: GridRowModel) => void;
options: {
- apiRef: React.RefObject;
+ apiRef: RefObject;
processRowUpdate: DataGridPremiumProcessedProps['processRowUpdate'];
onProcessRowUpdateError: DataGridPremiumProcessedProps['onProcessRowUpdateError'];
getRowId: DataGridPremiumProcessedProps['getRowId'];
@@ -212,7 +213,7 @@ function defaultPasteResolver({
paginationMode,
}: {
pastedData: string[][];
- apiRef: React.RefObject;
+ apiRef: RefObject;
updateCell: CellValueUpdater['updateCell'];
pagination: DataGridPremiumProcessedProps['pagination'];
paginationMode: DataGridPremiumProcessedProps['paginationMode'];
@@ -321,7 +322,7 @@ function defaultPasteResolver({
}
export const useGridClipboardImport = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridPremiumProcessedProps,
| 'pagination'
diff --git a/packages/x-data-grid-premium/src/hooks/features/dataSource/useGridDataSourcePremium.tsx b/packages/x-data-grid-premium/src/hooks/features/dataSource/useGridDataSourcePremium.tsx
index 36c58e2c8df90..5264aedcc9937 100644
--- a/packages/x-data-grid-premium/src/hooks/features/dataSource/useGridDataSourcePremium.tsx
+++ b/packages/x-data-grid-premium/src/hooks/features/dataSource/useGridDataSourcePremium.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridApiEventHandler as addEventHandler,
useGridApiMethod,
@@ -28,7 +29,7 @@ const options = {
};
export const useGridDataSourcePremium = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: DataGridPremiumProcessedProps,
) => {
const { api, strategyProcessor, events } = useGridDataSourceBase(
diff --git a/packages/x-data-grid-premium/src/hooks/features/export/serializer/excelSerializer.ts b/packages/x-data-grid-premium/src/hooks/features/export/serializer/excelSerializer.ts
index 62d0660ab63d5..174e595231b79 100644
--- a/packages/x-data-grid-premium/src/hooks/features/export/serializer/excelSerializer.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/export/serializer/excelSerializer.ts
@@ -1,4 +1,5 @@
import type * as Excel from 'exceljs';
+import { RefObject } from '@mui/x-internals/types';
import {
GridRowId,
GridColDef,
@@ -66,7 +67,7 @@ interface SerializedRow {
export const serializeRowUnsafe = (
id: GridRowId,
columns: GridStateColDef[],
- apiRef: React.RefObject,
+ apiRef: RefObject,
defaultValueOptionsFormulae: { [field: string]: { address: string } },
options: Pick,
): SerializedRow => {
@@ -403,7 +404,7 @@ interface BuildExcelOptions
export async function buildExcel(
options: BuildExcelOptions,
- apiRef: React.RefObject,
+ apiRef: RefObject,
): Promise {
const {
columns,
diff --git a/packages/x-data-grid-premium/src/hooks/features/export/useGridExcelExport.tsx b/packages/x-data-grid-premium/src/hooks/features/export/useGridExcelExport.tsx
index 639d53f941666..a410dc75d4ceb 100644
--- a/packages/x-data-grid-premium/src/hooks/features/export/useGridExcelExport.tsx
+++ b/packages/x-data-grid-premium/src/hooks/features/export/useGridExcelExport.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridApiMethod,
useGridLogger,
@@ -36,7 +37,7 @@ import { GridExcelExportMenuItem } from '../../../components';
* @requires useGridParamsApi (method)
*/
export const useGridExcelExport = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: DataGridPremiumProps,
): void => {
const logger = useGridLogger(apiRef, 'useGridExcelExport');
diff --git a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/createGroupingColDef.tsx b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/createGroupingColDef.tsx
index 926668d9da258..fbffc48ca0fb0 100644
--- a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/createGroupingColDef.tsx
+++ b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/createGroupingColDef.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GRID_STRING_COL_DEF,
GridColDef,
@@ -264,7 +265,7 @@ export const createGroupingColDefForOneGroupingCriteria = ({
};
interface CreateGroupingColDefSeveralCriteriaParams {
- apiRef: React.RefObject;
+ apiRef: RefObject;
columnsLookup: GridColumnRawLookup;
/**
* The fields from which we are grouping the rows.
diff --git a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/gridRowGroupingUtils.ts b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/gridRowGroupingUtils.ts
index 08f01b8a59d78..7e1c99b5f4e2f 100644
--- a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/gridRowGroupingUtils.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/gridRowGroupingUtils.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridRowId,
GridRowTreeConfig,
@@ -54,7 +54,7 @@ interface FilterRowTreeFromTreeDataParams {
rowTree: GridRowTreeConfig;
isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
filterModel: GridFilterModel;
- apiRef: React.RefObject;
+ apiRef: RefObject;
}
/**
@@ -196,7 +196,7 @@ export const mergeStateWithRowGroupingModel =
});
export const setStrategyAvailability = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
disableRowGrouping: boolean,
dataSource?: GridDataSource,
) => {
@@ -224,7 +224,7 @@ export const getCellGroupingCriteria = ({
row: GridRowModel;
colDef: GridColDef;
groupingRule: GridGroupingRule;
- apiRef: React.RefObject;
+ apiRef: RefObject;
}) => {
let key: GridKeyValue | null | undefined;
if (groupingRule.groupingValueGetter) {
diff --git a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.ts b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.ts
index 0a088c6549b4b..f5f948e3b2a99 100644
--- a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { GridRowId, gridRowTreeSelector, gridColumnLookupSelector } from '@mui/x-data-grid-pro';
import {
GridStrategyProcessor,
@@ -16,7 +17,7 @@ import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
import { gridRowGroupingSanitizedModelSelector } from './gridRowGroupingSelector';
export const useGridDataSourceRowGroupingPreProcessors = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridPremiumProcessedProps,
| 'disableRowGrouping'
diff --git a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGrouping.tsx b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGrouping.tsx
index 2dcbed058bb09..12601e30eb880 100644
--- a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGrouping.tsx
+++ b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGrouping.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridEventListener,
useGridApiEventHandler,
@@ -51,7 +52,7 @@ export const rowGroupingStateInitializer: GridStateInitializer<
* @requires useGridParamsApi (method) - can be after, async only
*/
export const useGridRowGrouping = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridPremiumProcessedProps,
| 'initialState'
diff --git a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.ts b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.ts
index 6d7efbb141039..6a89920819288 100644
--- a/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.ts
+++ b/packages/x-data-grid-premium/src/hooks/features/rowGrouping/useGridRowGroupingPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
gridColumnLookupSelector,
GridRowId,
@@ -40,7 +41,7 @@ import {
import { GridPrivateApiPremium } from '../../../models/gridApiPremium';
export const useGridRowGroupingPreProcessors = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridPremiumProcessedProps,
| 'disableRowGrouping'
diff --git a/packages/x-data-grid-premium/src/hooks/utils/useKeepGroupedColumnsHidden.ts b/packages/x-data-grid-premium/src/hooks/utils/useKeepGroupedColumnsHidden.ts
index 3c8514b8f1cbb..eb8ad0d415d21 100644
--- a/packages/x-data-grid-premium/src/hooks/utils/useKeepGroupedColumnsHidden.ts
+++ b/packages/x-data-grid-premium/src/hooks/utils/useKeepGroupedColumnsHidden.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridApi,
GridColumnVisibilityModel,
@@ -36,7 +37,7 @@ const updateColumnVisibilityModel = (
*/
export const useKeepGroupedColumnsHidden = (
props: {
- apiRef: React.RefObject;
+ apiRef: RefObject;
} & Pick,
) => {
const initialProps = React.useRef(props);
diff --git a/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts b/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
index f67b06907710a..008230737b159 100644
--- a/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
+++ b/packages/x-data-grid-premium/src/models/dataGridPremiumProps.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridCallbackDetails,
GridValidRowModel,
@@ -129,7 +129,7 @@ export interface DataGridPremiumPropsWithoutDefaultValue;
+ apiRef?: RefObject;
/**
* The initial state of the DataGridPremium.
* The data in it is set in the state on initialization but isn't controlled.
diff --git a/packages/x-data-grid-premium/src/models/gridGroupingValueGetter.ts b/packages/x-data-grid-premium/src/models/gridGroupingValueGetter.ts
index bd23ac1de2ef4..ae7602bc58bc4 100644
--- a/packages/x-data-grid-premium/src/models/gridGroupingValueGetter.ts
+++ b/packages/x-data-grid-premium/src/models/gridGroupingValueGetter.ts
@@ -1,3 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
import { GridValidRowModel, GridColDef, GridKeyValue } from '@mui/x-data-grid-pro';
import { GridApiPremium } from './gridApiPremium';
@@ -8,5 +9,5 @@ export type GridGroupingValueGetter<
value: TValue,
row: R,
column: GridColDef,
- apiRef: React.RefObject,
+ apiRef: RefObject,
) => GridKeyValue | null | undefined;
diff --git a/packages/x-data-grid-premium/src/models/gridPastedValueParser.ts b/packages/x-data-grid-premium/src/models/gridPastedValueParser.ts
index 34d5f5c03655e..51799496abf5b 100644
--- a/packages/x-data-grid-premium/src/models/gridPastedValueParser.ts
+++ b/packages/x-data-grid-premium/src/models/gridPastedValueParser.ts
@@ -1,3 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
import { GridApiPremium } from './gridApiPremium';
@@ -9,5 +10,5 @@ export type GridPastedValueParser<
value: string,
row: R,
column: GridColDef,
- apiRef: React.RefObject,
+ apiRef: RefObject,
) => V | undefined;
diff --git a/packages/x-data-grid-premium/src/tests/DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/DataGridPremium.test.tsx
index 3678e4c1ca3d7..2fc1d67f33d17 100644
--- a/packages/x-data-grid-premium/src/tests/DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, act, waitFor } from '@mui/internal-test-utils';
import { expect } from 'chai';
import {
@@ -35,7 +36,7 @@ describe(' - Quick filter', () => {
columns: [{ field: 'brand' }],
};
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-premium/src/tests/aggregation.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/aggregation.DataGridPremium.test.tsx
index 3384b2c47a916..55b46b981fa0c 100644
--- a/packages/x-data-grid-premium/src/tests/aggregation.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/aggregation.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, screen, within, act, fireEvent } from '@mui/internal-test-utils';
import { expect } from 'chai';
import { getCell, getColumnHeaderCell, getColumnValues } from 'test/utils/helperFn';
@@ -46,7 +47,7 @@ const baselineProps: DataGridPremiumProps = {
describe(' - Aggregation', () => {
const { render, clock } = createRenderer({ clock: 'fake' });
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-premium/src/tests/cellSelection.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/cellSelection.DataGridPremium.test.tsx
index 4949c71649394..143777d1f2d3f 100644
--- a/packages/x-data-grid-premium/src/tests/cellSelection.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/cellSelection.DataGridPremium.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { stub, SinonStub, spy } from 'sinon';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import { spyApi, getCell, grid } from 'test/utils/helperFn';
import { createRenderer, fireEvent, act, screen } from '@mui/internal-test-utils';
import {
@@ -17,7 +18,7 @@ import { isJSDOM, describeSkipIf } from 'test/utils/skipIf';
describe(' - Cell selection', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestDataGridSelection({
rowLength = 4,
diff --git a/packages/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx
index 40d6ba2736c8b..7f030c7bfc7da 100644
--- a/packages/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/clipboard.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridApi,
useGridApiRef,
@@ -17,7 +18,7 @@ import { isJSDOM, describeSkipIf } from 'test/utils/skipIf';
describe(' - Clipboard', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test({
rowLength = 4,
diff --git a/packages/x-data-grid-premium/src/tests/dataSourceAggregation.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/dataSourceAggregation.DataGridPremium.test.tsx
index 63f7c44bee3f0..f7a7e2e626092 100644
--- a/packages/x-data-grid-premium/src/tests/dataSourceAggregation.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/dataSourceAggregation.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { useMockServer } from '@mui/x-data-grid-generator';
import { createRenderer, waitFor, screen, within } from '@mui/internal-test-utils';
import { expect } from 'chai';
@@ -20,7 +21,7 @@ const isJSDOM = /jsdom/.test(window.navigator.userAgent);
describe(' - Data source aggregation', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
let getRowsSpy: SinonSpy;
let mockServer: ReturnType;
diff --git a/packages/x-data-grid-premium/src/tests/exportExcel.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/exportExcel.DataGridPremium.test.tsx
index 28c072060e207..e8edf003b3184 100644
--- a/packages/x-data-grid-premium/src/tests/exportExcel.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/exportExcel.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridColDef,
useGridApiRef,
@@ -19,7 +20,7 @@ const isJSDOM = /jsdom/.test(window.navigator.userAgent);
describe(' - Export Excel', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const columns: GridColDef[] = [{ field: 'id' }, { field: 'brand', headerName: 'Brand' }];
const rows = [
diff --git a/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx
index c25c327b78456..2e6eea0885b1a 100644
--- a/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
createRenderer,
fireEvent,
@@ -78,7 +79,7 @@ const baselineProps: BaselineProps = {
describe(' - Row grouping', () => {
const { render, clock } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-premium/src/tests/rowSelection.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/rowSelection.DataGridPremium.test.tsx
index 65513481901c3..1c3771cc68708 100644
--- a/packages/x-data-grid-premium/src/tests/rowSelection.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/rowSelection.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { act, createRenderer, fireEvent } from '@mui/internal-test-utils';
import { getCell } from 'test/utils/helperFn';
import { spy } from 'sinon';
@@ -47,7 +48,7 @@ describe(' - Row selection', () => {
const { render } = createRenderer();
describe('props: rowSelectionPropagation = { descendants: true, parents: true }', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-premium/src/tests/statePersistence.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/statePersistence.DataGridPremium.test.tsx
index 455efb3e6c2d7..eff5386fc3a41 100644
--- a/packages/x-data-grid-premium/src/tests/statePersistence.DataGridPremium.test.tsx
+++ b/packages/x-data-grid-premium/src/tests/statePersistence.DataGridPremium.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPremium,
DataGridPremiumProps,
@@ -50,7 +51,7 @@ const FULL_INITIAL_STATE: GridInitialState = {
describe(' - State persistence', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: Omit) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/package.json b/packages/x-data-grid-pro/package.json
index d46649b5bb560..783565c70eb22 100644
--- a/packages/x-data-grid-pro/package.json
+++ b/packages/x-data-grid-pro/package.json
@@ -1,6 +1,6 @@
{
"name": "@mui/x-data-grid-pro",
- "version": "8.0.0-alpha.8",
+ "version": "8.0.0-alpha.9",
"description": "The Pro plan edition of the Data Grid components (MUI X).",
"author": "MUI Team",
"main": "src/index.ts",
diff --git a/packages/x-data-grid-pro/src/DataGridPro/useDataGridProComponent.tsx b/packages/x-data-grid-pro/src/DataGridPro/useDataGridProComponent.tsx
index ac954d606fa22..1f66716fdb3f0 100644
--- a/packages/x-data-grid-pro/src/DataGridPro/useDataGridProComponent.tsx
+++ b/packages/x-data-grid-pro/src/DataGridPro/useDataGridProComponent.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridInitialization,
useGridInitializeState,
@@ -87,7 +87,7 @@ import { dataSourceStateInitializer } from '../hooks/features/dataSource/useGrid
import { useGridDataSourceLazyLoader } from '../hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader';
export const useDataGridProComponent = (
- inputApiRef: React.RefObject | undefined,
+ inputApiRef: RefObject | undefined,
props: DataGridProProcessedProps,
) => {
const apiRef = useGridInitialization(inputApiRef, props);
diff --git a/packages/x-data-grid-pro/src/components/GridDataSourceTreeDataGroupingCell.tsx b/packages/x-data-grid-pro/src/components/GridDataSourceTreeDataGroupingCell.tsx
index 40359742c5601..ab6d6cf6153f1 100644
--- a/packages/x-data-grid-pro/src/components/GridDataSourceTreeDataGroupingCell.tsx
+++ b/packages/x-data-grid-pro/src/components/GridDataSourceTreeDataGroupingCell.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import composeClasses from '@mui/utils/composeClasses';
import Box from '@mui/material/Box';
import {
@@ -47,7 +48,7 @@ interface GridTreeDataGroupingCellIconProps
}
function GridTreeDataGroupingCellIcon(props: GridTreeDataGroupingCellIconProps) {
- const apiRef = useGridPrivateApiContext() as React.RefObject;
+ const apiRef = useGridPrivateApiContext() as RefObject;
const rootProps = useGridRootProps();
const classes = useUtilityClasses(rootProps);
const { rowNode, id, field, descendantCount } = props;
diff --git a/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinning.tsx b/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinning.tsx
index e341324360005..caa058c643e97 100644
--- a/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinning.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinning.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridSelector,
gridVisibleColumnDefinitionsSelector,
@@ -47,7 +48,7 @@ export const columnPinningStateInitializer: GridStateInitializer<
};
export const useGridColumnPinning = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'disableColumnPinning'
@@ -336,7 +337,7 @@ export const useGridColumnPinning = (
}, [apiRef, props.pinnedColumns]);
};
-function setState(apiRef: React.RefObject, model: GridPinnedColumnFields) {
+function setState(apiRef: RefObject, model: GridPinnedColumnFields) {
apiRef.current.setState((state) => ({
...state,
pinnedColumns: model,
diff --git a/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinningPreProcessors.ts b/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinningPreProcessors.ts
index 4763340502ab5..99ed8c41b9700 100644
--- a/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinningPreProcessors.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/columnPinning/useGridColumnPinningPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridPinnedColumnFields,
GridPipeProcessor,
@@ -11,7 +12,7 @@ import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
import { GridPrivateApiPro } from '../../../models/gridApiPro';
export const useGridColumnPinningPreProcessors = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: DataGridProProcessedProps,
) => {
const { disableColumnPinning } = props;
diff --git a/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx b/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx
index 2659dc75b970a..cc02558c1b956 100644
--- a/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import composeClasses from '@mui/utils/composeClasses';
import { useRtl } from '@mui/system/RtlProvider';
import {
@@ -54,7 +55,7 @@ export const columnReorderStateInitializer: GridStateInitializer = (state) => ({
* @requires useGridColumns (method)
*/
export const useGridColumnReorder = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'disableColumnReorder'
diff --git a/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourceBase.ts b/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourceBase.ts
index a4c5414da3ebe..9df4b1832b99e 100644
--- a/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourceBase.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourceBase.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import useLazyRef from '@mui/utils/useLazyRef';
import {
GridDataSourceGroupNode,
@@ -57,7 +58,7 @@ export const dataSourceStateInitializer: GridStateInitializer = (state) => {
};
export const useGridDataSourceBase = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'unstable_dataSource'
diff --git a/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourcePro.ts b/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourcePro.ts
index d8ff23e87ce32..a6b6ff101de5d 100644
--- a/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourcePro.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/dataSource/useGridDataSourcePro.ts
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridApiEventHandler as addEventHandler,
useGridApiMethod,
@@ -10,7 +10,7 @@ import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
import { useGridDataSourceBase } from './useGridDataSourceBase';
export const useGridDataSourcePro = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: DataGridProProcessedProps,
) => {
const { api, strategyProcessor, events } = useGridDataSourceBase(apiRef, props);
diff --git a/packages/x-data-grid-pro/src/hooks/features/dataSource/utils.ts b/packages/x-data-grid-pro/src/hooks/features/dataSource/utils.ts
index 4bafda69754da..51004630bfd05 100644
--- a/packages/x-data-grid-pro/src/hooks/features/dataSource/utils.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/dataSource/utils.ts
@@ -1,3 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
import { GridRowId } from '@mui/x-data-grid';
import { GridGetRowsParams, GridGetRowsResponse } from '@mui/x-data-grid/internals';
import { GridPrivateApiPro } from '../../../models';
@@ -39,7 +40,7 @@ export class NestedDataManager {
private maxConcurrentRequests: number;
constructor(
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
maxConcurrentRequests = MAX_CONCURRENT_REQUESTS,
) {
this.api = privateApiRef.current;
diff --git a/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanel.ts b/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanel.ts
index c0ab0b3301336..2d0c2cea43287 100644
--- a/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanel.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanel.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridEventListener,
GridRowId,
@@ -48,7 +49,7 @@ export const detailPanelStateInitializer: GridStateInitializer<
};
function cacheContentAndHeight(
- apiRef: React.RefObject,
+ apiRef: RefObject,
getDetailPanelContent: DataGridProProcessedProps['getDetailPanelContent'],
getDetailPanelHeight: DataGridProProcessedProps['getDetailPanelHeight'],
previousHeightCache: GridDetailPanelState['heightCache'],
@@ -82,7 +83,7 @@ function cacheContentAndHeight(
}
export const useGridDetailPanel = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'getDetailPanelContent'
diff --git a/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanelPreProcessors.ts b/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanelPreProcessors.ts
index 5f4f3e06daca1..8538d5b14b0da 100644
--- a/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanelPreProcessors.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanelPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { gridClasses } from '@mui/x-data-grid';
import { useGridRegisterPipeProcessor, GridPipeProcessor } from '@mui/x-data-grid/internals';
import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
@@ -10,7 +11,7 @@ import { GridPrivateApiPro } from '../../../models/gridApiPro';
import { gridDetailPanelExpandedRowIdsSelector } from './gridDetailPanelSelector';
export const useGridDetailPanelPreProcessors = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: DataGridProProcessedProps,
) => {
const addToggleColumn = React.useCallback>(
diff --git a/packages/x-data-grid-pro/src/hooks/features/infiniteLoader/useGridInfiniteLoader.tsx b/packages/x-data-grid-pro/src/hooks/features/infiniteLoader/useGridInfiniteLoader.tsx
index 7046838702601..61a5fabda0729 100644
--- a/packages/x-data-grid-pro/src/hooks/features/infiniteLoader/useGridInfiniteLoader.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/infiniteLoader/useGridInfiniteLoader.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridSelector,
useGridApiOptionHandler,
@@ -30,7 +31,7 @@ const InfiniteLoadingTriggerElement = styled('div')({
* @requires useGridScroll (method
*/
export const useGridInfiniteLoader = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
'onRowsScrollEnd' | 'pagination' | 'paginationMode' | 'rowsLoadingMode' | 'scrollEndThreshold'
diff --git a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoader.ts b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoader.ts
index 7eba4b70cf034..389f00ce2a42f 100644
--- a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoader.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoader.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
useGridApiEventHandler,
useGridSelector,
@@ -21,7 +22,7 @@ import { findSkeletonRowsSection } from './utils';
* @requires useGridScroll (method
*/
export const useGridLazyLoader = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
'onFetchRows' | 'rowsLoadingMode' | 'pagination' | 'paginationMode' | 'experimentalFeatures'
diff --git a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.tsx b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.tsx
index 4717099c1dbbc..002c5c2e79185 100644
--- a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { GridPipeProcessor, useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
import { GRID_ROOT_GROUP_ID, GridGroupNode, GridSkeletonRowNode } from '@mui/x-data-grid';
import { GridPrivateApiPro } from '../../../models/gridApiPro';
@@ -9,7 +10,7 @@ export const GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
const getSkeletonRowId = (index: number) => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
export const useGridLazyLoaderPreProcessors = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: Pick,
) => {
const addSkeletonRows = React.useCallback>(
diff --git a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/utils.ts b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/utils.ts
index 9c2b30dc7f102..cbb051713940f 100644
--- a/packages/x-data-grid-pro/src/hooks/features/lazyLoader/utils.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/lazyLoader/utils.ts
@@ -1,3 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
import { GridRowEntry } from '@mui/x-data-grid';
import { GridPrivateApiPro } from '../../../models/gridApiPro';
@@ -6,7 +7,7 @@ export const findSkeletonRowsSection = ({
visibleRows,
range,
}: {
- apiRef: React.RefObject;
+ apiRef: RefObject;
visibleRows: GridRowEntry[];
range: { firstRowIndex: number; lastRowIndex: number };
}) => {
diff --git a/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinning.ts b/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinning.ts
index 39605d3a6f459..847f0eabecff2 100644
--- a/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinning.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinning.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { useGridApiMethod } from '@mui/x-data-grid';
import { getRowIdFromRowModel, GridStateInitializer } from '@mui/x-data-grid/internals';
@@ -56,7 +57,7 @@ export const rowPinningStateInitializer: GridStateInitializer<
};
export const useGridRowPinning = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick,
): void => {
const setPinnedRows = React.useCallback(
diff --git a/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinningPreProcessors.ts b/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinningPreProcessors.ts
index 85b1c2039dadd..4ce67d0428574 100644
--- a/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinningPreProcessors.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/rowPinning/useGridRowPinningPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridHydrateRowsValue,
GridPipeProcessor,
@@ -30,7 +31,7 @@ export function addPinnedRow({
rowModel: GridRowModel;
rowId: GridRowId;
position: GridPinnedRowPosition;
- apiRef: React.RefObject;
+ apiRef: RefObject;
isAutoGenerated: boolean;
}) {
const dataRowIdToModelLookup = { ...groupingParams.dataRowIdToModelLookup };
@@ -84,7 +85,7 @@ export function addPinnedRow({
};
}
-export const useGridRowPinningPreProcessors = (apiRef: React.RefObject) => {
+export const useGridRowPinningPreProcessors = (apiRef: RefObject) => {
const prevPinnedRowsCacheRef = React.useRef(null);
const addPinnedRows = React.useCallback>(
diff --git a/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorder.tsx b/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorder.tsx
index ea8d17de8713e..352d0f72933ae 100644
--- a/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorder.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorder.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import composeClasses from '@mui/utils/composeClasses';
import {
useGridLogger,
@@ -54,7 +55,7 @@ const useUtilityClasses = (ownerState: OwnerState) => {
* @requires useGridRows (method)
*/
export const useGridRowReorder = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick,
): void => {
const logger = useGridLogger(apiRef, 'useGridRowReorder');
diff --git a/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorderPreProcessors.ts b/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorderPreProcessors.ts
index 5f252c4789e43..ecd75ace51256 100644
--- a/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorderPreProcessors.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/rowReorder/useGridRowReorderPreProcessors.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import composeClasses from '@mui/utils/composeClasses';
import { getDataGridUtilityClass, GridColDef } from '@mui/x-data-grid';
import { GridPipeProcessor, useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
@@ -22,7 +23,7 @@ const useUtilityClasses = (ownerState: OwnerState) => {
};
export const useGridRowReorderPreProcessors = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: DataGridProProcessedProps,
) => {
const ownerState = { classes: props.classes };
diff --git a/packages/x-data-grid-pro/src/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.ts b/packages/x-data-grid-pro/src/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.ts
index 8a995c9f4cea1..d616732a2ed80 100644
--- a/packages/x-data-grid-pro/src/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { throttle } from '@mui/x-internals/throttle';
import {
useGridApiEventHandler,
@@ -47,7 +48,7 @@ const getSkeletonRowId = (index: number) => `${GRID_SKELETON_ROW_ROOT_ID}-${inde
* @requires useGridScroll (method
*/
export const useGridDataSourceLazyLoader = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'pagination'
diff --git a/packages/x-data-grid-pro/src/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.tsx b/packages/x-data-grid-pro/src/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.tsx
index 9a74749be813f..9b52bce269641 100644
--- a/packages/x-data-grid-pro/src/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
gridRowTreeSelector,
useFirstRender,
@@ -38,7 +39,7 @@ import { getVisibleRowsLookup } from '../../../utils/tree/utils';
import { TreeDataStrategy } from '../treeData/gridTreeDataUtils';
export const useGridDataSourceTreeDataPreProcessors = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'treeData'
diff --git a/packages/x-data-grid-pro/src/hooks/features/treeData/gridTreeDataUtils.ts b/packages/x-data-grid-pro/src/hooks/features/treeData/gridTreeDataUtils.ts
index 6f1a585d7f630..d3318e53583e5 100644
--- a/packages/x-data-grid-pro/src/hooks/features/treeData/gridTreeDataUtils.ts
+++ b/packages/x-data-grid-pro/src/hooks/features/treeData/gridTreeDataUtils.ts
@@ -1,3 +1,4 @@
+import { RefObject } from '@mui/x-internals/types';
import {
GridRowId,
GridRowTreeConfig,
@@ -17,7 +18,7 @@ interface FilterRowTreeFromTreeDataParams {
disableChildrenFiltering: boolean;
isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
filterModel: GridFilterModel;
- apiRef: React.RefObject;
+ apiRef: RefObject;
}
export enum TreeDataStrategy {
diff --git a/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeData.tsx b/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeData.tsx
index 1d66b31f10db2..9fe8e96b04ece 100644
--- a/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeData.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeData.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { useGridApiEventHandler, GridEventListener } from '@mui/x-data-grid';
import { GridApiPro } from '../../../models/gridApiPro';
import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
@@ -6,7 +7,7 @@ import { DataGridProProcessedProps } from '../../../models/dataGridProProps';
import { GRID_TREE_DATA_GROUPING_FIELD } from './gridTreeDataGroupColDef';
export const useGridTreeData = (
- apiRef: React.RefObject,
+ apiRef: RefObject,
props: Pick,
) => {
/**
diff --git a/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeDataPreProcessors.tsx b/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeDataPreProcessors.tsx
index 8afd444f97003..595aba884d226 100644
--- a/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeDataPreProcessors.tsx
+++ b/packages/x-data-grid-pro/src/hooks/features/treeData/useGridTreeDataPreProcessors.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
gridRowTreeSelector,
useFirstRender,
@@ -37,7 +38,7 @@ import { updateRowTree } from '../../../utils/tree/updateRowTree';
import { getVisibleRowsLookup } from '../../../utils/tree/utils';
export const useGridTreeDataPreProcessors = (
- privateApiRef: React.RefObject,
+ privateApiRef: RefObject,
props: Pick<
DataGridProProcessedProps,
| 'treeData'
diff --git a/packages/x-data-grid-pro/src/models/dataGridProProps.ts b/packages/x-data-grid-pro/src/models/dataGridProProps.ts
index 3eb7eb53771b3..b0b1c9b3c4706 100644
--- a/packages/x-data-grid-pro/src/models/dataGridProProps.ts
+++ b/packages/x-data-grid-pro/src/models/dataGridProProps.ts
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridEventListener,
GridCallbackDetails,
@@ -186,7 +187,7 @@ export interface DataGridProPropsWithoutDefaultValue;
+ apiRef?: RefObject;
/**
* The initial state of the DataGridPro.
* The data in it will be set in the state on initialization but will not be controlled.
diff --git a/packages/x-data-grid-pro/src/tests/cellEditing.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/cellEditing.DataGridPro.test.tsx
index 98bb566d9d0c8..7878dbf52e4f3 100644
--- a/packages/x-data-grid-pro/src/tests/cellEditing.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/cellEditing.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
GridApi,
DataGridProProps,
@@ -20,7 +21,7 @@ import { fireUserEvent } from 'test/utils/fireUserEvent';
describe(' - Cell editing', () => {
const { render, clock } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const defaultData = getBasicGridData(4, 2);
diff --git a/packages/x-data-grid-pro/src/tests/clipboard.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/clipboard.DataGridPro.test.tsx
index eefdfc197f00b..8eca8c184773e 100644
--- a/packages/x-data-grid-pro/src/tests/clipboard.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/clipboard.DataGridPro.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { GridApi, useGridApiRef, DataGridPro, DataGridProProps } from '@mui/x-data-grid-pro';
import { createRenderer, fireEvent, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
@@ -17,7 +18,7 @@ describe(' - Clipboard', () => {
const columns = [{ field: 'id' }, { field: 'brand', headerName: 'Brand' }];
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx
index 8d9fae1501d78..9508205193da0 100644
--- a/packages/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { spy } from 'sinon';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
GridApi,
@@ -40,7 +41,7 @@ function createDragOverEvent(target: ChildNode) {
describe(' - Column pinning', () => {
const { render, clock } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase({ nbCols = 20, ...other }: Partial & { nbCols?: number }) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/columnReorder.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columnReorder.DataGridPro.test.tsx
index 0397d1df3f317..ff4ff4ef7d053 100644
--- a/packages/x-data-grid-pro/src/tests/columnReorder.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/columnReorder.DataGridPro.test.tsx
@@ -1,5 +1,6 @@
import * as React from 'react';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, fireEvent, createEvent, act } from '@mui/internal-test-utils';
import {
getColumnHeadersTextContent,
@@ -51,7 +52,7 @@ describe(' - Columns reorder', () => {
};
it('resizing after columns reorder should respect the new columns order', async () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: { width: number }) {
const { width } = props;
@@ -73,7 +74,7 @@ describe(' - Columns reorder', () => {
});
it('should not reset the column order when a prop change', async () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [{ field: 'brand' }, { field: 'desc' }, { field: 'type' }];
@@ -96,7 +97,7 @@ describe(' - Columns reorder', () => {
});
it('should allow to reorder columns by dropping outside the header row', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [{ field: 'brand' }, { field: 'desc' }, { field: 'type' }];
@@ -127,7 +128,7 @@ describe(' - Columns reorder', () => {
});
it('should cancel the reordering when dropping the column outside the grid', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [{ field: 'brand' }, { field: 'desc' }, { field: 'type' }];
@@ -158,7 +159,7 @@ describe(' - Columns reorder', () => {
});
it('should keep the order of the columns when dragStart is fired and disableColumnReorder=true', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [{ field: 'brand' }, { field: 'desc' }, { field: 'type' }];
@@ -181,7 +182,7 @@ describe(' - Columns reorder', () => {
});
it('should keep the order of the columns when dragEnd is fired and disableColumnReorder=true', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [{ field: 'brand' }, { field: 'desc' }, { field: 'type' }];
@@ -205,7 +206,7 @@ describe(' - Columns reorder', () => {
it('should call onColumnOrderChange after the column has been reordered', () => {
const onColumnOrderChange = spy();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test() {
apiRef = useGridApiRef();
const data = useBasicDemoData(1, 3);
@@ -239,7 +240,7 @@ describe(' - Columns reorder', () => {
describe('column - disableReorder', () => {
it('should not allow to start dragging a column with disableReorder=true', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [
{ field: 'brand' },
@@ -278,7 +279,7 @@ describe(' - Columns reorder', () => {
});
it('should not allow to drag left of first visible column if it has disableReorder=true', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [
{ field: 'brand', disableReorder: true },
@@ -313,7 +314,7 @@ describe(' - Columns reorder', () => {
});
it('should not allow to drag right of last visible column if it has disableReorder=true', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const rows = [{ id: 0, brand: 'Nike' }];
const columns = [
{ field: 'brand' },
@@ -385,7 +386,7 @@ describe(' - Columns reorder', () => {
const handleDragEnter = spy();
const handleDragOver = spy();
const handleDragEnd = spy();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test() {
apiRef = useGridApiRef();
const data = useBasicDemoData(3, 3);
diff --git a/packages/x-data-grid-pro/src/tests/columnSpanning.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columnSpanning.DataGridPro.test.tsx
index 1abe80533d781..c43cf8d3f2cde 100644
--- a/packages/x-data-grid-pro/src/tests/columnSpanning.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/columnSpanning.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { createRenderer, fireEvent, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import { DataGridPro, GridApi, useGridApiRef, GridColDef, gridClasses } from '@mui/x-data-grid-pro';
import { getActiveCell, getCell, getColumnHeaderCell } from 'test/utils/helperFn';
import { fireUserEvent } from 'test/utils/fireUserEvent';
@@ -85,7 +86,7 @@ describe(' - Column spanning', () => {
];
it('should work after column reordering', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test() {
apiRef = useGridApiRef();
@@ -108,7 +109,7 @@ describe(' - Column spanning', () => {
});
it('should recalculate cells after column reordering', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test() {
apiRef = useGridApiRef();
@@ -185,7 +186,7 @@ describe(' - Column spanning', () => {
{ field: 'rating' },
];
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function Test() {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx
index d25154c778c31..18ea338c05ea3 100644
--- a/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/columns.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { createRenderer, fireEvent, screen, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridProProps,
useGridApiRef,
@@ -19,7 +20,7 @@ import { describeSkipIf, testSkipIf, isJSDOM } from 'test/utils/skipIf';
describe(' - Columns', () => {
const { clock, render } = createRenderer({ clock: 'fake' });
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const baselineProps = {
autoHeight: isJSDOM,
diff --git a/packages/x-data-grid-pro/src/tests/columnsVisibility.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/columnsVisibility.DataGridPro.test.tsx
index eddd01f73e722..758c765fcbafd 100644
--- a/packages/x-data-grid-pro/src/tests/columnsVisibility.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/columnsVisibility.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { spy } from 'sinon';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, fireEvent, act, screen } from '@mui/internal-test-utils';
import {
DataGridPro,
@@ -24,7 +25,7 @@ const columns: GridColDef[] = [{ field: 'id' }, { field: 'idBis' }];
describe(' - Columns visibility', () => {
const { render } = createRenderer({ clock: 'fake' });
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestDataGridPro(
props: Omit &
diff --git a/packages/x-data-grid-pro/src/tests/components.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/components.DataGridPro.test.tsx
index 60dace6d796cb..f8b213f7ad655 100644
--- a/packages/x-data-grid-pro/src/tests/components.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/components.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { createRenderer, EventType, fireEvent } from '@mui/internal-test-utils';
import { spy } from 'sinon';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
gridClasses,
@@ -15,7 +16,7 @@ import { getCell, getRow } from 'test/utils/helperFn';
describe(' - Components', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx
index d3e86353b0ff9..c75bc54e22df6 100644
--- a/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/dataSource.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { useMockServer } from '@mui/x-data-grid-generator';
import { act, createRenderer, waitFor, screen, within } from '@mui/internal-test-utils';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
DataGridProProps,
@@ -28,7 +29,7 @@ const testCache: GridDataSourceCache = {
describeSkipIf(isJSDOM)(' - Data source', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
let fetchRowsSpy: SinonSpy;
let mockServer: ReturnType;
diff --git a/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx
index 2ce40abef7255..965da7b739a6d 100644
--- a/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/dataSourceLazyLoader.DataGridPro.test.tsx
@@ -3,6 +3,7 @@ import { useMockServer } from '@mui/x-data-grid-generator';
import { createRenderer, waitFor } from '@mui/internal-test-utils';
import { getRow } from 'test/utils/helperFn';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
DataGridProProps,
@@ -21,7 +22,7 @@ describeSkipIf(isJSDOM)(' - Data source lazy loader', () => {
const defaultTransformGetRowsResponse = (response: GridGetRowsResponse) => response;
let transformGetRowsResponse: (response: GridGetRowsResponse) => GridGetRowsResponse;
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
let fetchRowsSpy: SinonSpy;
let mockServer: ReturnType;
diff --git a/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx
index ee062c6272d09..4b3075eebf586 100644
--- a/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/dataSourceTreeData.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { useMockServer } from '@mui/x-data-grid-generator';
import { createRenderer, waitFor, within } from '@mui/internal-test-utils';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
DataGridProProps,
@@ -30,7 +31,7 @@ const serverOptions = { minDelay: 0, maxDelay: 0, verbose: false };
describeSkipIf(isJSDOM)(' - Data source tree data', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
let fetchRowsSpy: SinonSpy;
let mockServer: ReturnType;
diff --git a/packages/x-data-grid-pro/src/tests/detailPanel.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/detailPanel.DataGridPro.test.tsx
index 9621ae57b9c13..39d903233345a 100644
--- a/packages/x-data-grid-pro/src/tests/detailPanel.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/detailPanel.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
GridApi,
@@ -26,7 +27,7 @@ import { testSkipIf, isJSDOM } from 'test/utils/skipIf';
describe(' - Detail panel', () => {
const { render } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase({ nbRows = 20, ...other }: Partial & { nbRows?: number }) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/editComponents.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/editComponents.DataGridPro.test.tsx
index 64136e8b024bc..45a0e02221031 100644
--- a/packages/x-data-grid-pro/src/tests/editComponents.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/editComponents.DataGridPro.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import {
GridApi,
DataGridProProps,
@@ -41,7 +42,7 @@ const generateDate = (
describe(' - Edit components', () => {
const { render, clock } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const defaultData: Pick = { columns: [], rows: [] };
diff --git a/packages/x-data-grid-pro/src/tests/events.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/events.DataGridPro.test.tsx
index 2e543585d2b65..225bebbd85c66 100644
--- a/packages/x-data-grid-pro/src/tests/events.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/events.DataGridPro.test.tsx
@@ -1,4 +1,5 @@
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, fireEvent, screen, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
import {
@@ -52,7 +53,7 @@ describe(' - Events params', () => {
],
};
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestEvents(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/export.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/export.DataGridPro.test.tsx
index b75564052030b..95ba8624c2acf 100644
--- a/packages/x-data-grid-pro/src/tests/export.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/export.DataGridPro.test.tsx
@@ -5,6 +5,7 @@ import {
GridApi,
DataGridProProps,
} from '@mui/x-data-grid-pro';
+import { RefObject } from '@mui/x-internals/types';
import { createRenderer, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
import * as React from 'react';
@@ -18,7 +19,7 @@ describe(' - Export', () => {
autoHeight: isJSDOM,
};
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const columns: GridColDef[] = [{ field: 'id' }, { field: 'brand', headerName: 'Brand' }];
diff --git a/packages/x-data-grid-pro/src/tests/filterPanel.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/filterPanel.DataGridPro.test.tsx
index 6130e81da8705..2cb1bbd21fc22 100644
--- a/packages/x-data-grid-pro/src/tests/filterPanel.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/filterPanel.DataGridPro.test.tsx
@@ -1,5 +1,6 @@
import * as React from 'react';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
DataGridProProps,
@@ -21,7 +22,7 @@ describe(' - Filter panel', () => {
columns: [{ field: 'brand' }],
};
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx
index 09b0ff3a30090..3c766d0753df2 100644
--- a/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/filtering.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { createRenderer, fireEvent, screen, act, within, waitFor } from '@mui/internal-test-utils';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
getDefaultGridFilterModel,
GridApi,
@@ -30,7 +31,7 @@ const SUBMIT_FILTER_STROKE_TIME = DATA_GRID_PRO_PROPS_DEFAULT_VALUES.filterDebou
describe(' - Filter', () => {
const { clock, render } = createRenderer({ clock: 'fake' });
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const baselineProps = {
autoHeight: isJSDOM,
diff --git a/packages/x-data-grid-pro/src/tests/layout.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/layout.DataGridPro.test.tsx
index b8b1f50448540..537e902f54ea6 100644
--- a/packages/x-data-grid-pro/src/tests/layout.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/layout.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { createRenderer, act } from '@mui/internal-test-utils';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { GridApi, useGridApiRef, DataGridPro, DataGridProProps } from '@mui/x-data-grid-pro';
import { ptBR } from '@mui/x-data-grid-pro/locales';
@@ -78,7 +79,7 @@ describeSkipIf(isJSDOM)(' - Layout', () => {
describe('columns width', () => {
it('should resize flex: 1 column when changing column visibility to avoid exceeding grid width (apiRef setColumnVisibility method call)', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestCase(props: Omit) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/lazyLoader.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/lazyLoader.DataGridPro.test.tsx
index 156154fae22d1..82dc55eb81fbe 100644
--- a/packages/x-data-grid-pro/src/tests/lazyLoader.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/lazyLoader.DataGridPro.test.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { createRenderer, fireEvent, act } from '@mui/internal-test-utils';
import { getColumnHeaderCell, getColumnValues, getRow } from 'test/utils/helperFn';
import { expect } from 'chai';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
DataGridProProps,
@@ -37,7 +38,7 @@ describe(' - Lazy loader', () => {
columns: [{ field: 'id' }, { field: 'first' }],
};
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function TestLazyLoader(props: Partial) {
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
index 10651116a5960..6f9446b49d89d 100644
--- a/packages/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/pagination.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import { createRenderer, act } from '@mui/internal-test-utils';
import { getColumnValues } from 'test/utils/helperFn';
import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
import { expect } from 'chai';
import { DataGridPro, GridApi, useGridApiRef } from '@mui/x-data-grid-pro';
import { useBasicDemoData } from '@mui/x-data-grid-generator';
@@ -11,7 +12,7 @@ describe(' - Pagination', () => {
describe('setPage', () => {
it('should apply valid value', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function GridTest() {
const basicData = useBasicDemoData(20, 2);
@@ -40,7 +41,7 @@ describe(' - Pagination', () => {
});
it('should apply last page if trying to go to a non-existing page', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function GridTest() {
const basicData = useBasicDemoData(20, 2);
apiRef = useGridApiRef();
@@ -70,7 +71,7 @@ describe(' - Pagination', () => {
describe('setPageSize', () => {
it('should apply value', () => {
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
function GridTest() {
const basicData = useBasicDemoData(20, 2);
apiRef = useGridApiRef();
diff --git a/packages/x-data-grid-pro/src/tests/printExport.DataGrid.test.tsx b/packages/x-data-grid-pro/src/tests/printExport.DataGrid.test.tsx
index ab6a3d0346dca..ee3f1eb778db2 100644
--- a/packages/x-data-grid-pro/src/tests/printExport.DataGrid.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/printExport.DataGrid.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
GridToolbar,
@@ -16,7 +17,7 @@ describe(' - Print export', () => {
const NB_ROWS = 2;
const defaultData = getBasicGridData(NB_ROWS, 2);
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const baselineProps = {
...defaultData,
diff --git a/packages/x-data-grid-pro/src/tests/rowEditing.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/rowEditing.DataGridPro.test.tsx
index 41096f7287995..1d7168f9154a2 100644
--- a/packages/x-data-grid-pro/src/tests/rowEditing.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/rowEditing.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
GridApi,
DataGridProProps,
@@ -20,7 +21,7 @@ import { fireUserEvent } from 'test/utils/fireUserEvent';
describe(' - Row editing', () => {
const { render, clock } = createRenderer();
- let apiRef: React.RefObject;
+ let apiRef: RefObject;
const defaultData = getBasicGridData(4, 4);
diff --git a/packages/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx b/packages/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
index 18c1ade7b6926..6344c9b898a82 100644
--- a/packages/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
+++ b/packages/x-data-grid-pro/src/tests/rowPinning.DataGridPro.test.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { expect } from 'chai';
import { spy } from 'sinon';
+import { RefObject } from '@mui/x-internals/types';
import {
DataGridPro,
gridClasses,
@@ -178,7 +179,7 @@ describe(' - Row pinning', () => {
it('should update pinned rows when calling `apiRef.current.setPinnedRows` method', async () => {
const data = getBasicGridData(20, 5);
- let apiRef!: React.RefObject;
+ let apiRef!: RefObject;
function TestCase(props: any) {
const [pinnedRow0, pinnedRow1, ...rows] = data.rows;
@@ -479,7 +480,7 @@ describe('