npm package diff

Package: @chakra-ui/react

Versions: 2.10.1 - 2.10.2

File: package/dist/cjs/slider/use-range-slider.cjs

Index: package/dist/cjs/slider/use-range-slider.cjs
===================================================================
--- package/dist/cjs/slider/use-range-slider.cjs
+++ package/dist/cjs/slider/use-range-slider.cjs
@@ -69,15 +69,8 @@
   const thumbPercents = thumbValues.map((val) => utils.valueToPercent(val, min, max));
   const isVertical = orientation === "vertical";
   const trackRef = react.useRef(null);
   const rootRef = react.useRef(null);
-  const thumbRects = hooks.useSizes({
-    getNodes() {
-      const rootNode = rootRef.current;
-      const thumbNodes = rootNode?.querySelectorAll("[role=slider]");
-      return thumbNodes ? Array.from(thumbNodes) : [];
-    }
-  });
   const reactId = react.useId();
   const uuid = idProp ?? reactId;
   const ids = sliderUtils.getIds(uuid);
   const getValueFromPointer = react.useCallback(
@@ -159,12 +152,11 @@
   const { getThumbStyle, rootStyle, trackStyle, innerTrackStyle } = react.useMemo(
     () => sliderUtils.getStyles({
       isReversed,
       orientation,
-      thumbRects,
       thumbPercents
     }),
-    [isReversed, orientation, thumbPercents, thumbRects]
+    [isReversed, orientation, thumbPercents]
   );
   const focusThumb = react.useCallback(
     (index) => {
       const idx = index ?? activeIndex;