Add warning when animating more than 2 keyframes in a timeline with a…

… spring (#3063) * Latest * Fixing normal warning * Removing new warning * Reverting example
motiondivision · Feb 12, 2025 · ec9121e · ec9121e
1 parent fb01f43
commit ec9121e
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/packages/framer-motion/src/animation/animators/MainThreadAnimation.ts b/packages/framer-motion/src/animation/animators/MainThreadAnimation.ts
@@ -165,17 +165,20 @@ export class MainThreadAnimation<
         let mapPercentToKeyframes: ((v: number) => T) | undefined
         let mirroredGenerator: KeyframeGenerator<T> | undefined
 
+        if (
+            process.env.NODE_ENV !== "production" &&
+            generatorFactory !== keyframesGeneratorFactory
+        ) {
+            invariant(
+                keyframes.length <= 2,
+                `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}`
+            )
+        }
+
         if (
             generatorFactory !== keyframesGeneratorFactory &&
             typeof keyframes[0] !== "number"
         ) {
-            if (process.env.NODE_ENV !== "production") {
-                invariant(
-                    keyframes.length === 2,
-                    `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}`
-                )
-            }
-
             mapPercentToKeyframes = pipe(
                 percentToProgress,
                 mix(keyframes[0], keyframes[1])