framer-motion 5.4.4 → 5.4.5

package/dist/cjs/three-entry.js

@@ -326,6 +326,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
 function SyncCanvasComponent(_a, forwardedRef) {
     var children = _a.children, fallback = _a.fallback, tabIndex = _a.tabIndex, resize = _a.resize, id = _a.id, style = _a.style, className = _a.className, events = _a.events, props = tslib.__rest(_a, ["children", "fallback", "tabIndex", "resize", "id", "style", "className", "events"]);
     var motionContext = React.useContext(useMotionValue.MotionContext);
+    var configContext = React.useContext(useMotionValue.MotionConfigContext);
     var _b = tslib.__read(useMeasure__default["default"](tslib.__assign({ scroll: true, debounce: { scroll: 50, resize: 0 } }, resize)), 2), containerRef = _b[0], _c = _b[1], width = _c.width, height = _c.height;
     var canvasRef = React__namespace.useRef(null);
     var _d = tslib.__read(React__namespace.useState(false), 2), block = _d[0], setBlock = _d[1];
@@ -340,7 +341,8 @@ function SyncCanvasComponent(_a, forwardedRef) {
     if (width > 0 && height > 0) {
         fiber.render(React__namespace.createElement(ErrorBoundary, { set: setError },
             React__namespace.createElement(React__namespace.Suspense, { fallback: React__namespace.createElement(Block, { set: setBlock }) },
-                React__namespace.createElement(useMotionValue.MotionContext.Provider, { value: motionContext }, children))), canvasRef.current, tslib.__assign(tslib.__assign({}, props), { size: { width: width, height: height }, events: events || fiber.events }));
+                React__namespace.createElement(useMotionValue.MotionConfigContext.Provider, { value: configContext },
+                    React__namespace.createElement(useMotionValue.MotionContext.Provider, { value: motionContext }, children)))), canvasRef.current, tslib.__assign(tslib.__assign({}, props), { size: { width: width, height: height }, events: events || fiber.events }));
     }
     useMotionValue.useIsomorphicLayoutEffect(function () {
         var container = canvasRef.current;

package/dist/es/components/MotionCanvas/index.mjs

@@ -6,6 +6,7 @@ import mergeRefs from 'react-merge-refs';
 import useMeasure from 'react-use-measure';
 import { render, events, unmountComponentAtNode } from '@react-three/fiber';
 import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
+import { MotionConfigContext } from '../../context/MotionConfigContext.mjs';
 
 function Block(_a) {
     var set = _a.set;
@@ -40,6 +41,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
 function SyncCanvasComponent(_a, forwardedRef) {
     var children = _a.children, fallback = _a.fallback, tabIndex = _a.tabIndex, resize = _a.resize, id = _a.id, style = _a.style, className = _a.className, events$1 = _a.events, props = __rest(_a, ["children", "fallback", "tabIndex", "resize", "id", "style", "className", "events"]);
     var motionContext = useContext(MotionContext);
+    var configContext = useContext(MotionConfigContext);
     var _b = __read(useMeasure(__assign({ scroll: true, debounce: { scroll: 50, resize: 0 } }, resize)), 2), containerRef = _b[0], _c = _b[1], width = _c.width, height = _c.height;
     var canvasRef = React.useRef(null);
     var _d = __read(React.useState(false), 2), block = _d[0], setBlock = _d[1];
@@ -54,7 +56,8 @@ function SyncCanvasComponent(_a, forwardedRef) {
     if (width > 0 && height > 0) {
         render(React.createElement(ErrorBoundary, { set: setError },
             React.createElement(React.Suspense, { fallback: React.createElement(Block, { set: setBlock }) },
-                React.createElement(MotionContext.Provider, { value: motionContext }, children))), canvasRef.current, __assign(__assign({}, props), { size: { width: width, height: height }, events: events$1 || events }));
+                React.createElement(MotionConfigContext.Provider, { value: configContext },
+                    React.createElement(MotionContext.Provider, { value: motionContext }, children)))), canvasRef.current, __assign(__assign({}, props), { size: { width: width, height: height }, events: events$1 || events }));
     }
     useIsomorphicLayoutEffect(function () {
         var container = canvasRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "framer-motion",
-    "version": "5.4.4",
+    "version": "5.4.5",
     "description": "A simple and powerful React animation library",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",