[data grid] Add the areElementSizesEqual utility to improve code read…

…ability (#13254)

packages/x-data-grid/src/hooks/features/dimensions/useGridDimensions.ts

@@ -121,16 +121,14 @@ export function useGridDimensions(
 
     const computedStyle = ownerWindow(element).getComputedStyle(element);
 
-    const height = parseFloat(computedStyle.height) || 0;
-    const width = parseFloat(computedStyle.width) || 0;
-
-    const hasHeightChanged = height !== previousSize.current?.height;
-    const hasWidthChanged = width !== previousSize.current?.width;
+    const newSize = {
+      width: parseFloat(computedStyle.width) || 0,
+      height: parseFloat(computedStyle.height) || 0,
+    };
 
-    if (!previousSize.current || hasHeightChanged || hasWidthChanged) {
-      const size = { width, height };
-      apiRef.current.publishEvent('resize', size);
-      previousSize.current = size;
+    if (!previousSize.current || !areElementSizesEqual(previousSize.current, newSize)) {
+      apiRef.current.publishEvent('resize', newSize);
+      previousSize.current = newSize;
     }
   }, [apiRef]);
 
@@ -263,10 +261,7 @@ export function useGridDimensions(
     const prevDimensions = apiRef.current.state.dimensions;
     setDimensions(newDimensions);
 
-    if (
-      newDimensions.viewportInnerSize.width !== prevDimensions.viewportInnerSize.width ||
-      newDimensions.viewportInnerSize.height !== prevDimensions.viewportInnerSize.height
-    ) {
+    if (!areElementSizesEqual(newDimensions.viewportInnerSize, prevDimensions.viewportInnerSize)) {
       apiRef.current.publishEvent('viewportInnerSizeChange', newDimensions.viewportInnerSize);
     }
 
@@ -413,3 +408,7 @@ function measureScrollbarSize(
 function roundToDecimalPlaces(value: number, decimals: number) {
   return Math.round(value * 10 ** decimals) / 10 ** decimals;
 }
+
+function areElementSizesEqual(a: ElementSize, b: ElementSize) {
+  return a.width === b.width && a.height === b.height;
+}