1import { useState } from 'react';
2import { useInfiniteScroll } from '@danixsoft/hooks';
3
4function Feed() {
5  const [items, setItems] = useState([1, 2, 3]);
6  
7  const loadMore = () => {
8    // Fetch more items...
9    setItems(prev => [...prev, 4, 5, 6]);
10  };
11  
12  // Attach this ref to the element at the bottom of your list
13  const bottomRef = useInfiniteScroll<HTMLDivElement>(loadMore);
14
15  return (
16    <div style={{ height: '400px', overflow: 'auto' }}>
17      {items.map(i => <div key={i}>Item {i}</div>)}
18      
19      <div ref={bottomRef}>Loading more...</div>
20    </div>
21  );
22}