Skip to content

Commit e049ad9

Browse files
authored
fix(examples): use layoutEffect ref for scrollMargin in window example (#1142)
1 parent fc3c733 commit e049ad9

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

examples/react/window/src/main.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,17 @@ import { useWindowVirtualizer } from '@tanstack/react-virtual'
77

88
function Example() {
99
const listRef = React.useRef<HTMLDivElement | null>(null)
10+
const listOffsetRef = React.useRef(0)
11+
12+
React.useLayoutEffect(() => {
13+
listOffsetRef.current = listRef.current?.offsetTop ?? 0
14+
}, [])
1015

1116
const virtualizer = useWindowVirtualizer({
1217
count: 10000,
1318
estimateSize: () => 35,
1419
overscan: 5,
15-
scrollMargin: listRef.current?.offsetTop ?? 0,
20+
scrollMargin: listOffsetRef.current,
1621
})
1722

1823
return (

0 commit comments

Comments
 (0)