fix: transition view

Signed-off-by: Innei <[email protected]>

Author: Innei

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}

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,