fix: downgrade framer motion

Signed-off-by: Innei <i@innei.in>

package.json

@@ -80,7 +80,7 @@
     "emoji-mart": "5.5.2",
     "emoji-picker-react": "4.9.2",
     "foxact": "0.2.33",
-    "framer-motion": "^11.0.18",
+    "framer-motion": "11.0.8",
     "fuse.js": "7.0.0",
     "idb-keyval": "6.2.1",
     "immer": "^10.0.4",

src/components/ui/transition/factor.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { forwardRef, memo, useMemo } from 'react'
+import { forwardRef, memo, useState } from 'react'
 import { m } from 'framer-motion'
 import type {
   HTMLMotionProps,
@@ -49,17 +49,14 @@ export const createTransitionView = (params: TransitionViewParams) => {
       HTMLMotionProps<any> & RefAttributes<HTMLElement>
     >
 
+    const [stableIsHydrationEnded] = useState(isHydrationEnded)
+    if (lcpOptimization && !stableIsHydrationEnded) {
+      return <div>{props.children}</div>
+    }
+
     return (
       <MotionComponent
-        initial={useMemo(
-          () =>
-            lcpOptimization
-              ? isHydrationEnded()
-                ? initial || from
-                : true
-              : initial || from,
-          [],
-        )}
+        initial={initial || from}
         ref={ref}
         animate={{
           ...to,