From 20b2d114dfdf23d3cfc1796ec5346cc25744420c Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Thu, 21 Mar 2024 20:59:54 +0800
Subject: [PATCH] fix: transition view

Signed-off-by: Innei <i@innei.in>
---
 src/app/(app)/(home)/page.tsx           |  4 +---
 src/components/ui/transition/factor.tsx | 13 +++++++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/(app)/(home)/page.tsx b/src/app/(app)/(home)/page.tsx
index 7d3c620ff2..965e485d81 100644
--- a/src/app/(app)/(home)/page.tsx
+++ b/src/app/(app)/(home)/page.tsx
@@ -183,9 +183,7 @@ const Hero = () => {
           </ul>
         </>
 
-        <div
-          className={clsx('lg:size-[300px]', 'size-[200px]')}
-        >
+        <div className={clsx('lg:size-[300px]', 'size-[200px]')}>
           <Image
             height={300}
             width={300}
diff --git a/src/components/ui/transition/factor.tsx b/src/components/ui/transition/factor.tsx
index e24450b593..68655b0226 100644
--- a/src/components/ui/transition/factor.tsx
+++ b/src/components/ui/transition/factor.tsx
@@ -54,12 +54,17 @@ export const createTransitionView = (params: TransitionViewParams) => {
 
     const motionProps: MotionProps = {
       initial: initial || from,
-      animate: to,
+      animate: {
+        ...to,
+        transition: {
+          duration,
+          ...(preset || microReboundPreset),
+          ...animation.enter,
+          delay: enter / 1000,
+        },
+      },
       transition: {
         duration,
-        ...(preset || microReboundPreset),
-        ...animation.enter,
-        delay: enter / 1000,
       },
       exit: {
         ...from,