fix: transition view

Signed-off-by: Innei <i@innei.in>
Innei · Mar 21, 2024 · 20b2d11 · 20b2d11
1 parent fede3f6
commit 20b2d11
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git 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
@@ -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,