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]);

  const parentRef = useRef<HTMLDivElement>(null);
  const { rows } = table.getRowModel();

  const virtualizer = useVirtualizer({
    count: rows.length,
    getScrollElement: () => parentRef.current,
    estimateSize: () => 60,
    overscan: 1,
  });

  const handleScrollToTop = () => {
    virtualizer.scrollToIndex(0, {
      behavior: 'smooth',
      align: 'start'
    })
  };

  const sleep = (ms: number) => {
    return new Promise((resolve) => setTimeout(resolve, ms))
  }

  const handleScrollToBottom = async () => {
    if (!parentRef.current) return
    let currentScrollBottom = parentRef.current.offsetHeight;
    const totalScrollBeltHeight = virtualizer.getTotalSize();
    while (currentScrollBottom < totalScrollBeltHeight) {
      virtualizer.scrollToIndex(rows.length - 1, {
        behavior: 'smooth',
        align: 'end'
      })
      await sleep(50);
      currentScrollBottom = parentRef.current.scrollTop + parentRef.current.offsetHeight;
      console.log(currentScrollBottom, totalScrollBeltHeight)
    }
    console.log('end', currentScrollBottom, totalScrollBeltHeight)
  };

  const handleScrollToTop = () => {
    if (!parentRef.current) return
    parentRef.current.scrollTo({
      top: 0,
      behavior: 'smooth'
    })
  };

  const sleep = (ms: number) => {
    return new Promise((resolve) => setTimeout(resolve, ms))
  }

  const handleScrollToBottom = async () => {
    if (!parentRef.current) return
    let currentScrollBottom = parentRef.current.offsetHeight;
    const totalScrollBeltHeight = virtualizer.getTotalSize();
    let emptyIterationCount = 0;
    while (currentScrollBottom < totalScrollBeltHeight && emptyIterationCount < 2) {
      parentRef.current.scrollTo({
        top: currentScrollBottom,
        behavior: 'smooth'
      })
      await sleep(50);
      const newScrollBottom = parentRef.current.scrollTop + parentRef.current.offsetHeight
      if (newScrollBottom === currentScrollBottom) {
        emptyIterationCount++;
        continue
      }
      currentScrollBottom = newScrollBottom;
    }
  };