fix: Errors on installing packages

Author: Amr Wagdy

CHANGELOG.md

@@ -27,6 +27,10 @@ Types of changes:
 -------------
 
 -------------
+## 3.6.6 - 2023-10-18
+### Fixed
+- Replace `react-lazyload` plugin with `react-lazy-load` to support React 18.
+
 ## 3.6.5 - 2023-04-18
 ### Fixed
 - Remove CVE vulnerabilities

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.5",
+  "version": "3.6.6",
   "main": "dist/index.js",
   "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.",
   "author": "scaleflex",
@@ -43,8 +43,8 @@
     "cloudimage-responsive-utils": "^2.5.1",
     "core-js": "^3.15.2",
     "prop-types": "15.8.1",
-    "react-lazyload": "^3.2.0",
-    "throttle-debounce": "^3.0.1"
+    "throttle-debounce": "^3.0.1",
+    "react-lazy-load": "4.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.14.5",

src/background.js

@@ -2,7 +2,8 @@ import {
   useState, useMemo, useEffect, useRef,
 } from 'react';
 import { isServer, processReactNode } from 'cloudimage-responsive-utils';
-import LazyLoad from 'react-lazyload';
+import LazyLoad from 'react-lazy-load';
+
 import { getFilteredBgProps } from './utils';
 import BackgroundInner from './background-inner';
 

src/img.js

@@ -4,7 +4,7 @@ import {
 import {
   isServer, processReactNode, imgStyles as styles, generateAlt,
 } from 'cloudimage-responsive-utils';
-import LazyLoad from 'react-lazyload';
+import LazyLoad from 'react-lazy-load';
 
 import { getFilteredProps } from './utils';
 import usePrevious from './hooks/usePrevious';