lazyloader.js

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

const ImageLoader = ({ src, alt, placeholder }) => {
  const [imageSrc, setImageSrc] = useState(placeholder || src);

  useEffect(() => {
    const img = new Image();
    img.src = src;
    img.onload = () => setImageSrc(src);
  }, [src]);

  return <img src={imageSrc} alt={alt} />;
};

export default ImageLoader;