diff --git a/examples/react/window/src/main.tsx b/examples/react/window/src/main.tsx index 9b29a4508..212988be2 100644 --- a/examples/react/window/src/main.tsx +++ b/examples/react/window/src/main.tsx @@ -7,12 +7,17 @@ import { useWindowVirtualizer } from '@tanstack/react-virtual' function Example() { const listRef = React.useRef(null) + const listOffsetRef = React.useRef(0) + + React.useLayoutEffect(() => { + listOffsetRef.current = listRef.current?.offsetTop ?? 0 + }, []) const virtualizer = useWindowVirtualizer({ count: 10000, estimateSize: () => 35, overscan: 5, - scrollMargin: listRef.current?.offsetTop ?? 0, + scrollMargin: listOffsetRef.current, }) return (