style(SLB-405): fix onload animation

AmazeeLabs · May 30, 2024 · 324df6f · 324df6f
1 parent 1d1ce5f
commit 324df6f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/ui/src/components/Molecules/FadeUp.tsx b/packages/ui/src/components/Molecules/FadeUp.tsx
@@ -8,11 +8,14 @@ export function FadeUp({
   className,
 }: PropsWithChildren<{ yGap: number; className?: string }>) {
   const reducedMotion = useReducedMotion();
+
+  console.log("reducedMotion:", reducedMotion)
+
   return (
     <motion.div
       className={className}
       transition={{ duration: 0.8 }}
-      initial={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
+      style={{ opacity: reducedMotion ? 1 : 0, y: reducedMotion ? 0 : yGap }}
       whileInView={{ opacity: 1, y: 0 }}
     >
       {children}