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>
  </>
);