useInfiniteScroll 列表项可被删除，删除到列表高度小于容器高度时，如何自动加载更多？

[mrdulin]

实现：滚动自动加载 + 列表项可删除功能

首次加载，删除列表项到如下状态，列表高度小于容器高度：

useInfiniteScroll 没有自动加载更多

https://codesandbox.io/p/sandbox/q8w2qc

更新：

尝试使用下列方式，判断当 列表高度 小于 容器高度时，手动调用 loadMore， 不知道这种方式有没有其他问题

  useEffect(() => {
    if (loading) return;
    if (ref.current) {
      // console.log(ref.current);
      const list = ref.current.firstChild;
      if (list.offsetHeight < ref.current.offsetHeight) {
        console.log("loadMore after deleting");
        loadMore();
      }
    }
  }, [data, loading]);