[material-next][Slider] Replace lodash with internal utils (mui#40261)

mnajdova · Dec 27, 2023 · e2c3884 · e2c3884
1 parent 88b2273
commit e2c3884
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/mui-material-next/src/Slider/useSliderElementsOverlap.ts b/packages/mui-material-next/src/Slider/useSliderElementsOverlap.ts
@@ -1,8 +1,10 @@
 'use client';
 import * as React from 'react';
-import { Axis } from '@mui/base';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { debounce, isEqual } from 'lodash';
+import { Axis, areArraysEqual } from '@mui/base';
+import {
+  unstable_useEnhancedEffect as useEnhancedEffect,
+  unstable_debounce as debounce,
+} from '@mui/utils';
 
 const overlapCompareFunctionByAxis = {
   horizontal: (firstElementRect: DOMRect, secondElementRect: DOMRect, margin: number) =>
@@ -52,7 +54,7 @@ function useElementsOverlap(axis: Axis, margin: number = 0) {
   const onMove = React.useCallback(() => {
     if (elementsRefList.current.length > 1) {
       const updatedOverlap = getSliderElementsOverlap(elementsRefList.current, axis, margin);
-      if (!isEqual(updatedOverlap, elementsOverlapArray)) {
+      if (!areArraysEqual(updatedOverlap, elementsOverlapArray)) {
         setElementsOverlapArray(updatedOverlap);
       }
     }