[DataGridPro] Fix expandable rows detail content height updates (#17394)

Author: arminmeh

packages/x-data-grid-pro/src/hooks/features/detailPanel/useGridDetailPanel.ts

@@ -88,7 +88,6 @@ export const useGridDetailPanel = (
     | 'onDetailPanelExpandedRowIdsChange'
   >,
 ): void => {
-  const expandedRowIds = useGridSelector(apiRef, gridDetailPanelExpandedRowIdsSelector);
   const contentCache = useGridSelector(apiRef, gridDetailPanelExpandedRowsContentCacheSelector);
 
   const handleCellClick = React.useCallback<GridEventListener<'cellClick'>>(
@@ -171,6 +170,7 @@ export const useGridDetailPanel = (
           },
         };
       });
+      apiRef.current.requestPipeProcessorsApplication('rowHeight');
     },
     [apiRef],
   );
@@ -290,7 +290,8 @@ export const useGridDetailPanel = (
 
   const addDetailHeight = React.useCallback<GridPipeProcessor<'rowHeight'>>(
     (initialValue, row) => {
-      if (!expandedRowIds || expandedRowIds.length === 0 || !expandedRowIds.includes(row.id)) {
+      const expandedRowIds = gridDetailPanelExpandedRowIdsSelector(apiRef);
+      if (!expandedRowIds || !expandedRowIds.has(row.id)) {
         initialValue.detail = 0;
         return initialValue;
       }
@@ -302,7 +303,7 @@ export const useGridDetailPanel = (
       initialValue.detail = heightCache[row.id] ?? 0; // Fallback to zero because the cache might not be ready yet (for example page was changed)
       return initialValue;
     },
-    [apiRef, expandedRowIds, updateCachesIfNeeded],
+    [apiRef, updateCachesIfNeeded],
   );
 
   const enabled = props.getDetailPanelContent !== undefined;