Implement an infinite scroll using window height

InfiniteScrollList.js

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

const InfiniteScrollList = () => {
  const [items, setItems] = useState([]);

  useEffect(() => {
  
    const loadMore = () => {
      // fetch relavant data and update state
    }
  
    const handleScroll = () => {
      if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
        loadMore();
      }
    };

    window.addEventListener('scroll', handleScroll);

    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, [items]);

  return (
    <div>
      <ul>
        {items.map(item => (
          <li key={item.id}>
            {item.name}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default InfiniteScrollList;