@legendapp/list 1.0.8 → 1.0.10

package/CHANGELOG.md

@@ -1,5 +1,51 @@
-# 1.0.0
+## 1.0.10
+- Fix: Removed an optimization that only checked newly visible items, which could sometimes cause gaps in lists
+- Fix: Scroll history resets properly during scroll operations, which was causing gaps after scroll
+- Fix: Made scroll buffer calculations and scroll jump handling more reliable
 
+## 1.0.9
+- Fix: Use the `use-sync-external-store` shim to support older versions of react
+- Fix: Lists sometimes leaving some gaps when reordering a list
+- Fix: Sometimes precomputing next scroll position for calculation incorrectly
+
+## 1.0.8
+- Perf: The scroll buffering algorithm is smarter and adjusts based on scroll direction for better performance
+- Perf: The container-finding logic keeps index order, reducing gaps in rendering
+- Perf: Combine multiple hooks in Container to a single `useArray$` hook
+
+## 1.0.7
+- Fix: Containers that move out of view are handled better
+
+## 1.0.6
+- Fix: Average item size calculations are more accurate while scrolling
+- Fix: Items in view are handled better when data changes
+- Fix: Scroll position is maintained more accurately during updates
+
+## 1.0.5
+- Fix: Fast scrolling sometimes caused elements to disappear
+- Fix: Out-of-range `scrollToIndex` calls are handled better
+
+## 1.0.4
+- Fix: Container allocation is more efficient
+- Fix: Bidirectional infinite lists scroll better on the old architecture
+- Fix: Item size updates are handled more reliably
+- Fix: Container reuse logic is more accurate
+- Fix: Zero-size layouts are handled better in the old architecture
+
+## 1.0.3
+- Fix: Items that are larger than the estimated size are handled correctly
+
+## 1.0.2
+- Fix: Initial layout works better in the old architecture
+- Fix: Average size calculations are more accurate for bidirectional scrolling
+- Fix: Initial scroll index behavior is more precise
+- Fix: Item size calculations are more accurate overall
+
+## 1.0.1
+- Fix: Total size calculations are correct when using average sizes
+- Fix: Keyboard avoiding behavior is improved for a smoother experience
+
+## 1.0.0
 Initial release! Major changes if you're coming from a beta version:
 
-- Item hooks like `useRecyclingState` are no longer render props, but can be imported from `@legendapp/list`
+- Item hooks like `useRecyclingState` are no longer render props, but can be imported directly from `@legendapp/list`.

package/index.js

@@ -2,6 +2,7 @@
 
 var React2 = require('react');
 var reactNative = require('react-native');
+var shim = require('use-sync-external-store/shim');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -79,12 +80,6 @@ function createSelectorFunctionsArr(ctx, signalNames) {
     }
   };
 }
-function useArr$(signalNames) {
-  const ctx = React2__namespace.useContext(ContextState);
-  const { subscribe, get } = React2__namespace.useMemo(() => createSelectorFunctionsArr(ctx, signalNames), [ctx, signalNames]);
-  const value = React2.useSyncExternalStore(subscribe, get);
-  return value;
-}
 function listen$(ctx, signalName, cb) {
   const { listeners } = ctx;
   let setListeners = listeners.get(signalName);
@@ -119,6 +114,12 @@ function getContentSize(ctx) {
   const totalSize = values.get("totalSize") || 0;
   return headerSize + footerSize + totalSize + stylePaddingTop;
 }
+function useArr$(signalNames) {
+  const ctx = React2__namespace.useContext(ContextState);
+  const { subscribe, get } = React2__namespace.useMemo(() => createSelectorFunctionsArr(ctx, signalNames), [ctx, signalNames]);
+  const value = shim.useSyncExternalStore(subscribe, get);
+  return value;
+}
 
 // src/DebugView.tsx
 var DebugRow = ({ children }) => {
@@ -1293,6 +1294,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const state = refState.current;
     if (state.scrollingToOffset === void 0) {
       state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+      state.scrollHistory.length = 0;
       setTimeout(() => {
         state.disableScrollJumpsFrom = void 0;
       }, timeout);
@@ -1388,7 +1390,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return false;
   }, []);
-  const calculateItemsInView = React2.useCallback(() => {
+  const calculateItemsInView = React2.useCallback((isReset) => {
     var _a;
     const state = refState.current;
     const {
@@ -1414,7 +1416,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
     }
-    let scroll = scrollState + scrollExtra - previousScrollAdjust - topPad;
+    const scrollAdjustPad = -previousScrollAdjust - topPad;
+    let scroll = scrollState + scrollExtra + scrollAdjustPad;
     if (scroll + scrollLength > totalSize) {
       scroll = totalSize - scrollLength;
     }
@@ -1424,13 +1427,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     let scrollBufferTop = scrollBuffer;
     let scrollBufferBottom = scrollBuffer;
-    if (speed > 0) {
-      scrollBufferTop = scrollBuffer * 0.1;
-      scrollBufferBottom = scrollBuffer * 1.9;
-    }
-    if (speed < 0) {
-      scrollBufferTop = scrollBuffer * 1.9;
-      scrollBufferBottom = scrollBuffer * 0.1;
+    if (Math.abs(speed) > 4) {
+      if (speed > 0) {
+        scrollBufferTop = scrollBuffer * 0.1;
+        scrollBufferBottom = scrollBuffer * 1.9;
+      } else {
+        scrollBufferTop = scrollBuffer * 1.9;
+        scrollBufferBottom = scrollBuffer * 0.1;
+      }
     }
     if (state.scrollForNextCalculateItemsInView) {
       const { top: top2, bottom } = state.scrollForNextCalculateItemsInView;
@@ -1490,7 +1494,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return topOffset;
     };
     let foundEnd = false;
-    let lastSize;
+    let nextTop;
+    let nextBottom;
     const prevNumContainers = ctx.values.get("numContainers");
     let maxIndexRendered = 0;
     for (let i = 0; i < prevNumContainers; i++) {
@@ -1520,6 +1525,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (startBuffered === null && top + size > scroll - scrollBufferTop) {
           startBuffered = i;
           startBufferedId = id;
+          nextTop = top;
         }
         if (startNoBuffer !== null) {
           if (top <= scrollBottom) {
@@ -1527,7 +1533,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
           if (top <= scrollBottom + scrollBufferBottom) {
             endBuffered = i;
-            lastSize = maxSizeInRow;
+            nextBottom = top + maxSizeInRow - scrollLength;
           } else {
             foundEnd = true;
           }
@@ -1540,8 +1546,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         maxSizeInRow = 0;
       }
     }
-    const prevStartBuffered = state.startBuffered;
-    const prevEndBuffered = state.endBuffered;
     Object.assign(state, {
       startBuffered,
       startBufferedId,
@@ -1549,15 +1553,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       endBuffered,
       endNoBuffer
     });
-    if (state.enableScrollForNextCalculateItemsInView && lastSize) {
-      const aboveFirst = startBuffered - 1;
-      let nextTop = 0;
-      if (aboveFirst >= 0) {
-        const aboveFirstSize = getItemSize(getId(aboveFirst), aboveFirst, data[aboveFirst], useAverageSize);
-        nextTop = scroll - aboveFirstSize;
-      }
-      const nextBottom = scroll + lastSize;
-      state.scrollForNextCalculateItemsInView = nextTop >= 0 && nextBottom >= 0 ? {
+    if (state.enableScrollForNextCalculateItemsInView && nextTop !== void 0 && nextBottom !== void 0 && state.disableScrollJumpsFrom === void 0) {
+      state.scrollForNextCalculateItemsInView = nextTop !== void 0 && nextBottom !== void 0 ? {
         top: nextTop,
         bottom: nextBottom
       } : void 0;
@@ -1565,25 +1562,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (startBuffered !== null && endBuffered !== null) {
       let numContainers = prevNumContainers;
       const needNewContainers = [];
-      if (startBuffered < prevStartBuffered || endBuffered > prevEndBuffered) {
-        const isContained = (i) => {
-          const id = getId(i);
-          for (let j = 0; j < numContainers; j++) {
-            const key = peek$(ctx, `containerItemKey${j}`);
-            if (key === id) {
-              return true;
-            }
-          }
-        };
-        for (let i = startBuffered; i < prevStartBuffered; i++) {
-          if (!isContained(i)) {
-            needNewContainers.push(i);
+      const isContained = (i) => {
+        const id = getId(i);
+        for (let j = 0; j < numContainers; j++) {
+          const key = peek$(ctx, `containerItemKey${j}`);
+          if (key === id) {
+            return true;
           }
         }
-        for (let i = Math.max(prevEndBuffered + 1, startBuffered); i <= endBuffered; i++) {
-          if (!isContained(i)) {
-            needNewContainers.push(i);
-          }
+      };
+      for (let i = startBuffered; i <= endBuffered; i++) {
+        if (!isContained(i)) {
+          needNewContainers.push(i);
         }
       }
       if (needNewContainers.length > 0) {
@@ -1710,6 +1700,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     var _a;
     const state = refState.current;
     state.scrollAdjustHandler.setDisableAdjust(true);
+    state.scrollHistory.length = 0;
     state.scrollingToOffset = offset;
     (_a = refScroller.current) == null ? void 0 : _a.scrollTo({
       x: horizontal ? offset : 0,
@@ -1831,7 +1822,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (!keyExtractorProp) {
           state.positions.clear();
         }
-        calculateItemsInView();
+        calculateItemsInView(
+          /*isReset*/
+          true
+        );
         const didMaintainScrollAtEnd = doMaintainScrollAtEnd(false);
         if (!didMaintainScrollAtEnd && dataProp.length > state.data.length) {
           state.isEndReached = false;
@@ -1884,7 +1878,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
             (_b = state.belowAnchorElementPositions) == null ? void 0 : _b.clear();
             scrollTo(0, false);
             setTimeout(() => {
-              calculateItemsInView();
+              calculateItemsInView(
+                /*reset*/
+                true
+              );
             }, 0);
           } else {
             state.startBufferedId = void 0;
@@ -1899,7 +1896,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
           scrollTo(0, false);
           setTimeout(() => {
-            calculateItemsInView();
+            calculateItemsInView(
+              /*reset*/
+              true
+            );
           }, 0);
         }
       }
@@ -1971,7 +1971,15 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         }
         if (__DEV__ && numContainers + stillNeeded > peek$(ctx, "numContainersPooled")) {
           console.warn(
-            "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio."
+            "[legend-list] No unused container available, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio.",
+            {
+              debugInfo: {
+                numContainers,
+                numNeeded,
+                stillNeeded,
+                numContainersPooled: peek$(ctx, "numContainersPooled")
+              }
+            }
           );
         }
       }
@@ -2059,10 +2067,16 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       set$(ctx, "numContainersPooled", numContainers * initialContainerPoolRatio);
       if (initialScrollIndex) {
         requestAnimationFrame(() => {
-          calculateItemsInView();
+          calculateItemsInView(
+            /*isReset*/
+            true
+          );
         });
       } else {
-        calculateItemsInView();
+        calculateItemsInView(
+          /*isReset*/
+          true
+        );
       }
       return true;
     }
@@ -2098,6 +2112,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     const index = indexByKey.get(itemKey);
     const numColumns = peek$(ctx, "numColumns");
+    state.scrollForNextCalculateItemsInView = void 0;
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
     const prevSizeKnown = sizesKnown.get(itemKey);

package/index.mjs

@@ -1,6 +1,7 @@
 import * as React2 from 'react';
-import React2__default, { useReducer, useEffect, createContext, useMemo, useRef, useCallback, useImperativeHandle, useSyncExternalStore, useContext, useState, forwardRef, memo, useLayoutEffect } from 'react';
+import React2__default, { useReducer, useEffect, createContext, useMemo, useRef, useCallback, useImperativeHandle, useContext, useState, forwardRef, memo, useLayoutEffect } from 'react';
 import { View, Text, Platform, Animated, ScrollView, StyleSheet, Dimensions, RefreshControl } from 'react-native';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
 // src/LegendList.tsx
 var ContextState = React2.createContext(null);
@@ -58,12 +59,6 @@ function createSelectorFunctionsArr(ctx, signalNames) {
     }
   };
 }
-function useArr$(signalNames) {
-  const ctx = React2.useContext(ContextState);
-  const { subscribe, get } = React2.useMemo(() => createSelectorFunctionsArr(ctx, signalNames), [ctx, signalNames]);
-  const value = useSyncExternalStore(subscribe, get);
-  return value;
-}
 function listen$(ctx, signalName, cb) {
   const { listeners } = ctx;
   let setListeners = listeners.get(signalName);
@@ -98,6 +93,12 @@ function getContentSize(ctx) {
   const totalSize = values.get("totalSize") || 0;
   return headerSize + footerSize + totalSize + stylePaddingTop;
 }
+function useArr$(signalNames) {
+  const ctx = React2.useContext(ContextState);
+  const { subscribe, get } = React2.useMemo(() => createSelectorFunctionsArr(ctx, signalNames), [ctx, signalNames]);
+  const value = useSyncExternalStore(subscribe, get);
+  return value;
+}
 
 // src/DebugView.tsx
 var DebugRow = ({ children }) => {
@@ -1272,6 +1273,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     const state = refState.current;
     if (state.scrollingToOffset === void 0) {
       state.disableScrollJumpsFrom = state.scroll - state.scrollAdjustHandler.getAppliedAdjust();
+      state.scrollHistory.length = 0;
       setTimeout(() => {
         state.disableScrollJumpsFrom = void 0;
       }, timeout);
@@ -1367,7 +1369,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return false;
   }, []);
-  const calculateItemsInView = useCallback(() => {
+  const calculateItemsInView = useCallback((isReset) => {
     var _a;
     const state = refState.current;
     const {
@@ -1393,7 +1395,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       const updatedOffset = calculateOffsetForIndex(initialScrollIndex);
       scrollState = updatedOffset;
     }
-    let scroll = scrollState + scrollExtra - previousScrollAdjust - topPad;
+    const scrollAdjustPad = -previousScrollAdjust - topPad;
+    let scroll = scrollState + scrollExtra + scrollAdjustPad;
     if (scroll + scrollLength > totalSize) {
       scroll = totalSize - scrollLength;
     }
@@ -1403,13 +1406,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     let scrollBufferTop = scrollBuffer;
     let scrollBufferBottom = scrollBuffer;
-    if (speed > 0) {
-      scrollBufferTop = scrollBuffer * 0.1;
-      scrollBufferBottom = scrollBuffer * 1.9;
-    }
-    if (speed < 0) {
-      scrollBufferTop = scrollBuffer * 1.9;
-      scrollBufferBottom = scrollBuffer * 0.1;
+    if (Math.abs(speed) > 4) {
+      if (speed > 0) {
+        scrollBufferTop = scrollBuffer * 0.1;
+        scrollBufferBottom = scrollBuffer * 1.9;
+      } else {
+        scrollBufferTop = scrollBuffer * 1.9;
+        scrollBufferBottom = scrollBuffer * 0.1;
+      }
     }
     if (state.scrollForNextCalculateItemsInView) {
       const { top: top2, bottom } = state.scrollForNextCalculateItemsInView;
@@ -1469,7 +1473,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return topOffset;
     };
     let foundEnd = false;
-    let lastSize;
+    let nextTop;
+    let nextBottom;
     const prevNumContainers = ctx.values.get("numContainers");
     let maxIndexRendered = 0;
     for (let i = 0; i < prevNumContainers; i++) {
@@ -1499,6 +1504,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (startBuffered === null && top + size > scroll - scrollBufferTop) {
           startBuffered = i;
           startBufferedId = id;
+          nextTop = top;
         }
         if (startNoBuffer !== null) {
           if (top <= scrollBottom) {
@@ -1506,7 +1512,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
           if (top <= scrollBottom + scrollBufferBottom) {
             endBuffered = i;
-            lastSize = maxSizeInRow;
+            nextBottom = top + maxSizeInRow - scrollLength;
           } else {
             foundEnd = true;
           }
@@ -1519,8 +1525,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         maxSizeInRow = 0;
       }
     }
-    const prevStartBuffered = state.startBuffered;
-    const prevEndBuffered = state.endBuffered;
     Object.assign(state, {
       startBuffered,
       startBufferedId,
@@ -1528,15 +1532,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       endBuffered,
       endNoBuffer
     });
-    if (state.enableScrollForNextCalculateItemsInView && lastSize) {
-      const aboveFirst = startBuffered - 1;
-      let nextTop = 0;
-      if (aboveFirst >= 0) {
-        const aboveFirstSize = getItemSize(getId(aboveFirst), aboveFirst, data[aboveFirst], useAverageSize);
-        nextTop = scroll - aboveFirstSize;
-      }
-      const nextBottom = scroll + lastSize;
-      state.scrollForNextCalculateItemsInView = nextTop >= 0 && nextBottom >= 0 ? {
+    if (state.enableScrollForNextCalculateItemsInView && nextTop !== void 0 && nextBottom !== void 0 && state.disableScrollJumpsFrom === void 0) {
+      state.scrollForNextCalculateItemsInView = nextTop !== void 0 && nextBottom !== void 0 ? {
         top: nextTop,
         bottom: nextBottom
       } : void 0;
@@ -1544,25 +1541,18 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     if (startBuffered !== null && endBuffered !== null) {
       let numContainers = prevNumContainers;
       const needNewContainers = [];
-      if (startBuffered < prevStartBuffered || endBuffered > prevEndBuffered) {
-        const isContained = (i) => {
-          const id = getId(i);
-          for (let j = 0; j < numContainers; j++) {
-            const key = peek$(ctx, `containerItemKey${j}`);
-            if (key === id) {
-              return true;
-            }
-          }
-        };
-        for (let i = startBuffered; i < prevStartBuffered; i++) {
-          if (!isContained(i)) {
-            needNewContainers.push(i);
+      const isContained = (i) => {
+        const id = getId(i);
+        for (let j = 0; j < numContainers; j++) {
+          const key = peek$(ctx, `containerItemKey${j}`);
+          if (key === id) {
+            return true;
           }
         }
-        for (let i = Math.max(prevEndBuffered + 1, startBuffered); i <= endBuffered; i++) {
-          if (!isContained(i)) {
-            needNewContainers.push(i);
-          }
+      };
+      for (let i = startBuffered; i <= endBuffered; i++) {
+        if (!isContained(i)) {
+          needNewContainers.push(i);
         }
       }
       if (needNewContainers.length > 0) {
@@ -1689,6 +1679,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     var _a;
     const state = refState.current;
     state.scrollAdjustHandler.setDisableAdjust(true);
+    state.scrollHistory.length = 0;
     state.scrollingToOffset = offset;
     (_a = refScroller.current) == null ? void 0 : _a.scrollTo({
       x: horizontal ? offset : 0,
@@ -1810,7 +1801,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (!keyExtractorProp) {
           state.positions.clear();
         }
-        calculateItemsInView();
+        calculateItemsInView(
+          /*isReset*/
+          true
+        );
         const didMaintainScrollAtEnd = doMaintainScrollAtEnd(false);
         if (!didMaintainScrollAtEnd && dataProp.length > state.data.length) {
           state.isEndReached = false;
@@ -1863,7 +1857,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
             (_b = state.belowAnchorElementPositions) == null ? void 0 : _b.clear();
             scrollTo(0, false);
             setTimeout(() => {
-              calculateItemsInView();
+              calculateItemsInView(
+                /*reset*/
+                true
+              );
             }, 0);
           } else {
             state.startBufferedId = void 0;
@@ -1878,7 +1875,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
           scrollTo(0, false);
           setTimeout(() => {
-            calculateItemsInView();
+            calculateItemsInView(
+              /*reset*/
+              true
+            );
           }, 0);
         }
       }
@@ -1950,7 +1950,15 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         }
         if (__DEV__ && numContainers + stillNeeded > peek$(ctx, "numContainersPooled")) {
           console.warn(
-            "[legend-list] No container to recycle, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio."
+            "[legend-list] No unused container available, so creating one on demand. This can be a minor performance issue and is likely caused by the estimatedItemSize being too large. Consider decreasing estimatedItemSize or increasing initialContainerPoolRatio.",
+            {
+              debugInfo: {
+                numContainers,
+                numNeeded,
+                stillNeeded,
+                numContainersPooled: peek$(ctx, "numContainersPooled")
+              }
+            }
           );
         }
       }
@@ -2038,10 +2046,16 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       set$(ctx, "numContainersPooled", numContainers * initialContainerPoolRatio);
       if (initialScrollIndex) {
         requestAnimationFrame(() => {
-          calculateItemsInView();
+          calculateItemsInView(
+            /*isReset*/
+            true
+          );
         });
       } else {
-        calculateItemsInView();
+        calculateItemsInView(
+          /*isReset*/
+          true
+        );
       }
       return true;
     }
@@ -2077,6 +2091,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     const index = indexByKey.get(itemKey);
     const numColumns = peek$(ctx, "numColumns");
+    state.scrollForNextCalculateItemsInView = void 0;
     state.minIndexSizeChanged = state.minIndexSizeChanged !== void 0 ? Math.min(state.minIndexSizeChanged, index) : index;
     const prevSize = getItemSize(itemKey, index, data);
     const prevSizeKnown = sizesKnown.get(itemKey);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,
@@ -28,5 +28,8 @@
   "homepage": "https://github.com/LegendApp/legend-list#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "use-sync-external-store": "^1.5.0"
   }
 }