From 10747b1958906d5d7e88ea72de046bf8656b0ca0 Mon Sep 17 00:00:00 2001
From: Bilal Shafi <bilalshafidev@gmail.com>
Date: Fri, 25 Oct 2024 00:06:50 +0500
Subject: [PATCH] Remove the breaking change

---
 .../src/components/cell/GridBooleanCell.tsx       | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx b/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx
index 836a900e79ca1..69b7b58032a68 100644
--- a/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx
+++ b/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx
@@ -2,13 +2,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { SvgIconProps } from '@mui/material/SvgIcon';
 import composeClasses from '@mui/utils/composeClasses';
+import { useGridSelector } from '../../hooks/utils/useGridSelector';
+import { gridRowMaximumTreeDepthSelector } from '../../hooks/features/rows/gridRowsSelector';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
-import { GridRenderCellParams } from '../../models/params/gridCellParams';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
-import { DataGridProcessedProps } from '../../models/props/DataGridProps';
-import { GridColDef } from '../../models/colDef/gridColDef';
 import { isAutogeneratedRowNode } from '../../hooks/features/rows/gridRowsUtils';
+import type { DataGridProcessedProps } from '../../models/props/DataGridProps';
+import type { GridColDef } from '../../models/colDef/gridColDef';
+import type { GridRenderCellParams } from '../../models/params/gridCellParams';
 
 type OwnerState = { classes: DataGridProcessedProps['classes'] };
 
@@ -49,12 +51,17 @@ function GridBooleanCellRaw(props: GridBooleanCellProps) {
   const ownerState = { classes: rootProps.classes };
   const classes = useUtilityClasses(ownerState);
 
+  const maxDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
+  const isServerSideRowGroupingRow =
+    // @ts-expect-error - Access tree data prop
+    maxDepth > 0 && rowNode.type === 'group' && rootProps.treeData === false;
+
   const Icon = React.useMemo(
     () => (value ? rootProps.slots.booleanCellTrueIcon : rootProps.slots.booleanCellFalseIcon),
     [rootProps.slots.booleanCellFalseIcon, rootProps.slots.booleanCellTrueIcon, value],
   );
 
-  if (value === undefined) {
+  if (isServerSideRowGroupingRow && value === undefined) {
     return null;
   }