[base-ui] Update props using Array to ReadonlyArray type

packages/mui-base/src/Unstable_Popup/Popup.types.ts

@@ -57,7 +57,7 @@ export interface PopupOwnProps {
    *
    * @see https://floating-ui.com/docs/computePosition#middleware
    */
-  middleware?: Array<PopupMiddleware | null | undefined | false>;
+  middleware?: ReadonlyArray<PopupMiddleware | null | undefined | false>;
   /**
    * Distance between a popup and the trigger element.
    * This prop is ignored when custom `middleware` is provided.

packages/mui-base/src/useSlider/useSlider.ts

@@ -136,18 +136,32 @@ function focusThumb({
 }
 
 function areValuesEqual(
-  newValue: number | Array<number>,
+  newValue: number | ReadonlyArray<number>,
   oldValue: number | Array<number>,
 ): boolean {
   if (typeof newValue === 'number' && typeof oldValue === 'number') {
     return newValue === oldValue;
   }
-  if (typeof newValue === 'object' && typeof oldValue === 'object') {
+  if (Array.isArray(newValue) && Array.isArray(oldValue)) {
     return areArraysEqual(newValue, oldValue);
   }
   return false;
 }
 
+function areArraysEqual(arr1: ReadonlyArray<number>, arr2: ReadonlyArray<number>): boolean {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+
+  for (let i = 0; i < arr1.length; i++) {
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
 const axisProps = {
   horizontal: {
     offset: (percent: number) => ({ left: `${percent}%` }),

packages/mui-base/src/useSlider/useSlider.types.ts

@@ -8,7 +8,7 @@ export interface UseSliderParameters {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue?: number | number[];
+  defaultValue?: number | ReadonlyArray<number>;
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -99,7 +99,7 @@ export interface UseSliderParameters {
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
-  value?: number | number[];
+  value?: number | ReadonlyArray<number>;
 }
 
 export interface Mark {