feat: Add measure method, issue #31 (#55)

* feat: Add measure method, issue #31 * refactor: measure method Reduce roundtrips * Fix: virtualItems should not depend on state * Fix: remove eslint-disable-next-line react-hooks/exhaustive-deps Co-authored-by: David Wincent <[email protected]> Co-authored-by: David Wincent <[email protected]>
TanStack · Mar 5, 2021 · ea6b541 · ea6b541
1 parent 7ad4628
commit ea6b541
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -47,6 +47,11 @@ export function useVirtual({
 
   const [measuredCache, setMeasuredCache] = React.useState({})
 
+  const measure = React.useCallback(
+    () => setMeasuredCache({}),
+    []
+  )
+
   const measurements = React.useMemo(() => {
     const measurements = []
     for (let i = 0; i < size; i++) {
@@ -215,6 +220,7 @@ export function useVirtual({
     totalSize,
     scrollToOffset,
     scrollToIndex,
+    measure,
   }
 }
 

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -39,6 +39,7 @@ declare function useVirtual<T>(options: {
   totalSize: number
   scrollToOffset: (index: number, options?: ScrollToOffsetOptions) => void
   scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void
+  measure: () => void
 }
 
 export { useVirtual }