如何在向上滚动时跳过循环视图中的最后一项

import React, { useState, useEffect, useRef } from 'react';

const InfiniteScroll = ({ data }) => {
  const [items, setItems] = useState([]);
  const [index, setIndex] = useState(0);
  const observer = useRef();

  useEffect(() => {
    const lastItemRef = useRef();
    observer.current = new IntersectionObserver(entries => {
      if (entries[0].isIntersecting) {
        setIndex(prevIndex => (prevIndex + 1) % data.length);
      }
    });
    if (lastItemRef.current) {
      observer.current.observe(lastItemRef.current);
    }
    return () => observer.current.disconnect();
  }, [data]);

  useEffect(() => {
    const newItems = [];
    for (let i = 0; i < 10; i++) {
      newItems.push(data[(index + i) % data.length]);
    }
    setItems(newItems);
  }, [index, data]);

  return (
    <div>
      {items.map((item, idx) => (
        <div key={idx}>{item}</div>
      ))}
      <div ref={lastItemRef} />
    </div>
  );
};

export default InfiniteScroll;