chore: useMemo instead

react-component · Feb 11, 2025 · 39399ec · 39399ec
1 parent bb9dda7
commit 39399ec
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/CSSMotion.tsx b/src/CSSMotion.tsx
@@ -163,7 +163,7 @@ export function genCSSMotion(config: CSSMotionConfig) {
       }
 
       // ====================== Refs ======================
-      const [refObj] = React.useState<CSSMotionRef>(() => {
+      const refObj = React.useMemo<CSSMotionRef>(() => {
         const obj = {} as CSSMotionRef;
         Object.defineProperties(obj, {
           nativeElement: {
@@ -178,7 +178,7 @@ export function genCSSMotion(config: CSSMotionConfig) {
           },
         });
         return obj;
-      });
+      }, []);
 
       // We lock `deps` here since function return object
       // will repeat trigger ref from `refConfig` -> `null` -> `refConfig`