how to scroll to bottom of a list at init

[xu33]

I'm using useVirtualizer, dynamic mode
Like a chat message list, i want to start at the bottom of the scroller
I currently do this, but the result is not at the bottom, i guess i shoud do this when the measument is end, but there isn't a event
useEffect(() => { rowVirtualizer.scrollToIndex(data.length - 1) }, [])

[Yaropolki4]

You can use something like this

const items = rowVirtualizer.getVirtualItems();
const isMountedScrollToBottomRef = useRef(false);
const scrollToBottom = useCallback(
    ({ behavior = "smooth" }: { behavior?: ScrollToOptions["behavior"] } = {}) => {
     requestAnimationFrame(() => {
        rowVirtualizer.scrollToIndex(footerIndex, {
        align: "end",
        behavior,
      });
     })
    },
    [rowVirtualizer, footerIndex],
  );

  useLayoutEffect(() => {
    if (!isMountedScrollToBottomRef.current && items.length > 0) {
      isMountedScrollToBottomRef.current = true;
      scrollToBottom({ behavior: "auto" });
    }
  }, [items, scrollToBottom]);