fix: dynamic variant update didn't trigger update

Author: rick-hup

packages/motion/src/state/motion-state.ts

@@ -2,7 +2,7 @@ import type { MotionStateContext, Options } from '@/types'
 import { invariant } from 'hey-listen'
 import type { DOMKeyframesDefinition, VisualElement } from 'framer-motion'
 import { cancelFrame, frame, noop } from 'framer-motion/dom'
-import { isAnimateChanged, isSVGElement, resolveVariant } from '@/state/utils'
+import { isSVGElement, resolveVariant } from '@/state/utils'
 import type { Feature, StateType } from '@/features'
 import { FeatureManager } from '@/features'
 import type { PresenceContext } from '@/components/animate-presence/presence'
@@ -212,14 +212,11 @@ export class MotionState {
 
   // Update motion state with new options
   update(options: Options) {
-    const hasAnimateChange = isAnimateChanged(this.options, options)
     this.updateOptions(options)
     // Update features in parent-to-child order
     this.featureManager.update()
 
-    if (hasAnimateChange) {
-      this.startAnimation()
-    }
+    this.startAnimation()
   }
 
   // Set animation state active status and propagate to children

packages/motion/src/state/utils.ts

@@ -133,30 +133,3 @@ const svgElementSet = new Set(svgElements)
 export function isSVGElement(as: AsTag): as is SVGElements {
   return svgElementSet.has(as as SVGElements)
 }
-
-export function isAnimateChanged(oldOptions: Options, newOptions: Options): boolean {
-  const oldAnimate = oldOptions.animate
-  const newAnimate = newOptions.animate
-  if (oldAnimate === newAnimate)
-    return false
-  if (!oldAnimate || !newAnimate) {
-    return true
-  }
-
-  if (typeof oldAnimate === 'object' || typeof newAnimate === 'object') {
-    // Compare object keys and values
-    const oldKeys = Object.keys(oldAnimate)
-    const newKeys = Object.keys(newAnimate)
-
-    if (oldKeys.length !== newKeys.length)
-      return true
-    return oldKeys.some((key) => {
-      if (key === 'transition')
-        return false
-      const oldVal = oldAnimate[key]
-      const newVal = newAnimate[key]
-      return oldVal !== newVal
-    })
-  }
-  return oldAnimate !== newAnimate
-}