framer-motion 7.6.1 → 7.6.2

package/dist/cjs/index.js

@@ -2258,7 +2258,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "7.6.1";
+        this.version = "7.6.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -4236,7 +4236,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "7.6.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.1 may not work as expected.`);
+                warnOnce(nextValue.version === "7.6.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -7864,9 +7864,12 @@ const createScrollMotionValues = () => ({
     scrollXProgress: motionValue(0),
     scrollYProgress: motionValue(0),
 });
-function useScroll({ container, target, ...options } = {}) {
+function useScroll({ container, target, layoutEffect = true, ...options } = {}) {
     const values = useConstant(createScrollMotionValues);
-    useIsomorphicLayoutEffect(() => {
+    const useLifecycleEffect = layoutEffect
+        ? useIsomorphicLayoutEffect
+        : React.useEffect;
+    useLifecycleEffect(() => {
         return dom.scroll(({ x, y }) => {
             values.scrollX.set(x.current);
             values.scrollXProgress.set(x.progress);

package/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "7.6.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.1 may not work as expected.`);
+                warnOnce(nextValue.version === "7.6.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -24,7 +24,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "7.6.1";
+        this.version = "7.6.2";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/es/value/use-scroll.mjs

@@ -1,6 +1,7 @@
 import { scroll } from '@motionone/dom';
 import { motionValue } from './index.mjs';
 import { useConstant } from '../utils/use-constant.mjs';
+import { useEffect } from 'react';
 import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
 
 const createScrollMotionValues = () => ({
@@ -9,9 +10,12 @@ const createScrollMotionValues = () => ({
     scrollXProgress: motionValue(0),
     scrollYProgress: motionValue(0),
 });
-function useScroll({ container, target, ...options } = {}) {
+function useScroll({ container, target, layoutEffect = true, ...options } = {}) {
     const values = useConstant(createScrollMotionValues);
-    useIsomorphicLayoutEffect(() => {
+    const useLifecycleEffect = layoutEffect
+        ? useIsomorphicLayoutEffect
+        : useEffect;
+    useLifecycleEffect(() => {
         return scroll(({ x, y }) => {
             values.scrollX.set(x.current);
             values.scrollXProgress.set(x.progress);

package/dist/framer-motion.dev.js

@@ -3426,7 +3426,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "7.6.1";
+            this.version = "7.6.2";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5404,7 +5404,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "7.6.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.1 may not work as expected.`);
+                    warnOnce(nextValue.version === "7.6.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -9613,9 +9613,12 @@
         scrollXProgress: motionValue(0),
         scrollYProgress: motionValue(0),
     });
-    function useScroll({ container, target, ...options } = {}) {
+    function useScroll({ container, target, layoutEffect = true, ...options } = {}) {
         const values = useConstant(createScrollMotionValues);
-        useIsomorphicLayoutEffect(() => {
+        const useLifecycleEffect = layoutEffect
+            ? useIsomorphicLayoutEffect
+            : React.useEffect;
+        useLifecycleEffect(() => {
             return scroll(({ x, y }) => {
                 values.scrollX.set(x.current);
                 values.scrollXProgress.set(x.progress);