Is there any way to do server side render ?

[krishnaTORQUE]

Describe the solution you'd like Server Side Rending. Send IMG tag directly to client

[vhpoet]

I'd do a PR, but I'm not sure this is the most optimal place to put the noscript.

1. Clone the repo

2. Open LazyLoadImage.jsx

3. Replace this with the below code.

   return (
     <>
       <LazyLoadComponent
         beforeLoad={beforeLoad}
         className={className}
         delayMethod={delayMethod}
         delayTime={delayTime}
         height={height}
         placeholder={placeholder}
         scrollPosition={scrollPosition}
         style={style}
         threshold={threshold}
         useIntersectionObserver={useIntersectionObserver}
         visibleByDefault={visibleByDefault}
         width={width}
       >
         {this.getImg()}
       </LazyLoadComponent>
       <noscript>{this.getImg()}</noscript>
     </>
   );

4. Profit

[vhpoet]

Actually, this is better.

LazyLoadImage.jsx

if (typeof window === "undefined") return <noscript>{this.getImg()}</noscript>;

return (
  <>
    <LazyLoadComponent
      beforeLoad={beforeLoad}
      className={className}
      delayMethod={delayMethod}
      delayTime={delayTime}
      height={height}
      placeholder={placeholder}
      scrollPosition={scrollPosition}
      style={style}
      threshold={threshold}
      useIntersectionObserver={useIntersectionObserver}
      visibleByDefault={visibleByDefault}
      width={width}
    >
      {this.getImg()}
    </LazyLoadComponent>
  </>
);