Fixing

framer · Oct 31, 2024 · c3593da · c3593da
1 parent 1e7f9df
commit c3593da
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/framer-motion/src/motion/utils/use-visual-element.ts b/packages/framer-motion/src/motion/utils/use-visual-element.ts
@@ -72,9 +72,14 @@ export function useVisualElement<Instance, RenderState>(
         )
     }
 
+    const isMounted = useRef(false)
     useInsertionEffect(() => {
-        if (visualElement && visualElement.current) {
-            visualElement && visualElement.update(props, presenceContext)
+        /**
+         * Check the component has already mounted before calling
+         * `update` unnecessarily. This ensures we skip the initial update.
+         */
+        if (visualElement && isMounted.current) {
+            visualElement.update(props, presenceContext)
         }
     })
 
@@ -93,6 +98,7 @@ export function useVisualElement<Instance, RenderState>(
     useIsomorphicLayoutEffect(() => {
         if (!visualElement) return
 
+        isMounted.current = true
         window.MotionIsMounted = true
 
         visualElement.updateFeatures()