Chore: Release v3.6.2

CHANGELOG.md

@@ -27,6 +27,10 @@ Types of changes:
 -------------
 
 -------------
+## 3.6.2 - 2022-04-29
+### Fixed
+- Low preview image width
+
 ## 3.6.1 - 2022-04-26
 ### Fixed
 - Low preview image width

README.md

@@ -1,4 +1,4 @@
-[![Release](https://img.shields.io/badge/release-v3.6.1-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
+[![Release](https://img.shields.io/badge/release-v3.6.2-blue.svg)](https://github.com/scaleflex/js-cloudimage-responsive/releases)
 [![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cloudimage-responsive",
-  "version": "3.6.1",
+  "version": "3.6.2",
   "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",
@@ -40,7 +40,7 @@
     "publish-demo": "npm run build-demo && npm run deploy"
   },
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.4.8",
+    "cloudimage-responsive-utils": "^2.4.9",
     "core-js": "^3.15.2",
     "prop-types": "^15.8.1",
     "react-lazyload": "^3.2.0",

src/img.js

@@ -122,11 +122,11 @@ function Img(props) {
     .trim();
 
   useEffect(() => {
-    if (typeof delay !== 'undefined' && !server) {
-      if (disableAnimation) {
-        innerRef.current = imgNode.current;
-      }
+    if (disableAnimation) {
+      innerRef.current = imgNode.current;
+    }
 
+    if (typeof delay !== 'undefined' && !server) {
       setTimeout(() => {
         processImg();
       }, delay);