Remove isInit check to allow setBoundingClientRect intermittently set boundingClientRect

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "simple-parallax-js",
-  "version": "6.0.1",
+  "name": "@gaborottlik/simple-parallax-js",
+  "version": "6.0.2",
   "description": "simpleParallax.js is a lightweight and easy-to-use JS library that adds parallax animations to any image.",
   "homepage": "https://simpleparallax.com/",
   "main": "dist/react/simpleParallax.umd.js",

src/react/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import AnimationManager from "./AnimationManager";
 import useGetImageHeight from "./hooks/useGetImageHeight";
 import useGetTransitionValue from "./hooks/useGetTransitionValue";
@@ -49,9 +49,6 @@ const SimpleParallax: React.FunctionComponent<SimpleParallaxProps> = ({
       if (boundingClientRect) {
         setBoundingClientRect(boundingClientRect);
       }
-      if (!isInit) {
-        setIsInit(true);
-      }
       setViewportTop(window.scrollY);
     }
   }, [viewportTop, isVisible, imageRef]);
@@ -76,17 +73,19 @@ const SimpleParallax: React.FunctionComponent<SimpleParallaxProps> = ({
     };
   }, [updateParallax]);
 
-  const clonedChild = React.isValidElement(children)
-    ? React.cloneElement(children as React.ReactElement, {
-        style: {
-          ...((children as React.ReactElement).props.style ?? {}),
-          transform: transformCSS,
-          willChange: "transform",
-          transition: transitionCSS,
-        },
-        ref: imageRef,
-      })
-    : null;
+    const clonedChild = useMemo(() => {
+      return React.isValidElement(children)
+      ? React.cloneElement(children as React.ReactElement, {
+          style: {
+            ...((children as React.ReactElement).props.style ?? {}),
+            transform: transformCSS,
+            willChange: "transform",
+            transition: transitionCSS,
+          },
+          ref: imageRef,
+        })
+      : null;
+    }, [children, (children as React.ReactElement).props.style, transformCSS, transitionCSS])
 
   return (
     <div