Fix destructuring issue with getBoundingClientRect

abcnews · Sep 29, 2020 · c190307 · c190307
1 parent 44ae7fe
commit c190307
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/Scrollyteller/index.tsx b/src/Scrollyteller/index.tsx
@@ -146,12 +146,29 @@ const Scrollyteller = <T,>({
       // panels before the px/pct progress can be accurately measured.
       const panelPositions = panelElementReferences.current
         .map(({ data, element }) => {
-          const boundingClientRect = element.getBoundingClientRect();
+          const {
+            top,
+            right,
+            bottom,
+            left,
+            width,
+            height,
+            x,
+            y,
+          } = element.getBoundingClientRect();
+
           return {
             element,
             data,
             measurements: {
-              ...boundingClientRect,
+              top,
+              right,
+              bottom,
+              left,
+              width,
+              height,
+              x,
+              y,
             },
           };
         })