import React from 'react'; import LazyLoad from 'react-lazyload'; function ImageReactLazyLoad() { return ( <div> {/* Lazy loaded image with loading indicator */} <LazyLoad height={200} once placeholder={<div style={{ height: '200px', backgroundColor: '#f0f0f0', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>Loading...</div>}> <img src="https://www.gstatic.com/webp/gallery/4.webp" alt="Example" /> </LazyLoad> </div> ); } export default ImageReactLazyLoad;