refactor: adjust motion trigger order

react-component · Apr 21, 2023 · ede6993 · ede6993
1 parent c2185c8
commit ede6993
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/MotionThumb.tsx b/src/MotionThumb.tsx
@@ -116,7 +116,7 @@ export default function MotionThumb(props: MotionThumbInterface) {
       width: `var(--thumb-active-width)`,
     };
   };
-  const onAppearEnd = () => {
+  const onVisibleChanged = () => {
     setPrevStyle(null);
     setNextStyle(null);
     onMotionEnd();
@@ -135,7 +135,7 @@ export default function MotionThumb(props: MotionThumbInterface) {
       motionAppear
       onAppearStart={onAppearStart}
       onAppearActive={onAppearActive}
-      onAppearEnd={onAppearEnd}
+      onVisibleChanged={onVisibleChanged}
     >
       {({ className: motionClassName, style: motionStyle }, ref) => {
         const mergedStyle = {