Adding default animation type (#1857)

framer · Jan 2, 2023 · 3fa692e · 3fa692e
1 parent 8f920ac
commit 3fa692e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/framer-motion/src/animation/legacy-popmotion/index.ts b/packages/framer-motion/src/animation/legacy-popmotion/index.ts
@@ -73,7 +73,8 @@ export function animate<V = number>({
 
     let interpolateFromNumber: (t: number) => V
 
-    const animator = types[keyframes.length > 2 ? "keyframes" : type]
+    const animator =
+        types[keyframes.length > 2 ? "keyframes" : type] || keyframeAnimation
 
     const origin = keyframes[0]
     const target = keyframes[keyframes.length - 1]

diff --git a/packages/framer-motion/src/motion/__tests__/animate-prop.test.tsx b/packages/framer-motion/src/motion/__tests__/animate-prop.test.tsx
@@ -676,4 +676,17 @@ describe("animate prop as object", () => {
 
         return expect(testFn).toHaveBeenCalled()
     })
+
+    test("doesn't error when provided unknown animation type", async () => {
+        const Component = () => {
+            return (
+                <motion.div
+                    animate={{ x: 100 }}
+                    transition={{ type: "test" } as any}
+                />
+            )
+        }
+        const { rerender } = render(<Component />)
+        rerender(<Component />)
+    })
 })